您的位置：首页 > 其它

内联

2016-03-09 20:44 204 查看 
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
div{  height: 100px; background-color: red; margin-bottom: 20px; margin-top: 20px;}
span{ margin-left: 200px; width: 200px; height: 200px; background-color: mediumspringgreen; display: inline-block;}
</style>
</head>
<body>

<div></div>
<div></div>
<!--
块元素的特征：
1.在没有设置宽度的时候，默认撑满一行
2.默认块元素独占一行
3.支持所有的css
-->
<span>122</span>
<span>323</span>
<!--
内嵌（内联，行内）的特征
1.同排可以继续跟同类的标签、
2.内容撑开宽度
3.不支持宽度
4.不支持上下margin
5.代码换行被解析
-->

<div></div>
<div></div>
<div></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航