假设您有一个具有固定高度和重量的 div(在图中是最里面的一个),并且您希望周围的 div 包含它,其外边距为例如1 厘米。你会怎么做?
+--------+
| +-----+|
| |+---+||
| || |||
| |+---+||
| +-----+|
+--------+
一种方法是使用inline-block
显示风格:
div { border: 1px solid blue; }
div.wrapper {
border: 1px solid red;
padding: 1em;
display: inline-block;
}
对于这个 HTML:
<div class="wrapper">
<div class="wrapper">
<div style="width: 100px; height: 83px;">This</div>
</div>
</div>
这是一个例子:http://jsfiddle.net/redler/zSrXA/ http://jsfiddle.net/redler/zSrXA/
你也可以尝试玩display: table-cell
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)