在td或是容器里(div)包含一段文字,想显示在底部,但padding-bottom不好用?
在td或是容器里(div)包含一段文字,想显示在td或是div的底部,但padding-bottom不好用,为什么通过padding-top设置值能看到文字向下的效果而padding-bottom就无效?
CSS code
div{
width:300px;
height:200px;
background-color:yellow;
padding-bottom:10px;
padding-right:10px;
}
html:
HTML code
<div>
test
</div>
------解决方案--------------------
注意html文档流默认是从左往右,从上往下的。现在你的文字高度不够,达不到距底端10px的位置,所以只有上内边距起作用,下内边距没表现出其作用。
又比如当设置float:left,那么margin-left直接起作用,假如内部元素的宽度不够,那么margin-right也可能不会表现出作用。要margin-right起作用,就float:right,这时margin-left又不一定表现出作用了。
就像一个房间里的人,虽然规定了其同天花板的距离必须小于1米,但很可能这个规定没有起作用,就是这个道理。