87,917
社区成员
发帖
与我相关
我的任务
分享inline和inline-block
这2个东西的区别 以前看见过
但是现在调试却又看不出来区别
各位大峡讲解下吧 ,顺便写个区分他们2个的例子...谢谢
但是现在调试却又看不出来区别
各位大峡讲解下吧 ,顺便写个区分他们2个的例子...谢谢
...全文
请发表友善的回复…
发表回复
slxliuxingbing 2008-11-17
- 打赏
- 举报
2个div并排 没用float:left
2个span不在一行
<html>
<head>
<style type="text/css">
div {display: inline; width:150px; height:150px;}
</style>
</head>
<body>
<div>123</div>
<div>456</div>
</body>
</html>2个span不在一行
<html>
<head>
<style type="text/css">
span{display: block}
</style>
</head>
<body>
<span>123</span>
<span>456</span>
</body>
</html>
阿云ivan 2008-11-17
- 打赏
- 举报
inline : 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。也就是说，只会按文档流的方向加载对象，直到遇到行标志才会换行。
inline-block : 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
inline-block : 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
wtcsy 2008-11-17
- 打赏
- 举报
<style type="text/css">
p{ display:list-item; list-style:inside square}
</style>
<p>啊 哈哈</p>在记录一个
浴火_凤凰 2008-11-16
- 打赏
- 举报
只用过inline，帮顶！！！
