<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box{
width: 400px;
height: 100px;
background-color: pink;
display:inline;
display:inline-block;
/*display:none;*/
visibility:hidden;
}
span{
width: 200px;
height: 80px;
background-color: orange;
display:block;
}
</style>
</head>
<body>
<!--
display:
block 将当前元素转成 块级元素 显示元素
inline 将当前元素转成 内联元素
inline-block 将当前元素转成 内联块元素 (能设置宽高, 还能与别人同在一行)
none 隐藏 不占位隐藏
visibility
hidden 占位隐藏
visible 显示
-->
<span>上课不听课无非三种原因:1: 手里有个手机. 2:身边有个逗比. 3:窗台有台挖掘机</span>
<b>宝强是不是中枪了</b>
<div class='box'>马蓉在这呢...</div>
<span>一个女人她可以喜欢你，但她不爱你；她可以爱你，但她不嫁你；她可以嫁你，但她不生育；她可以生育，但孩子不是你的。</span>
</body>
</html>
更改块级元素转成内联块元素，可隐藏设置宽高
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显...
- I have been practiceing oral english for one week，althou...
