读书人

在td或是器皿里(div)包含一段文字想

发布时间: 2012-08-25 10:06:20 作者: rapoo

在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米,但很可能这个规定没有起作用,就是这个道理。

读书人网 >CSS

热点推荐