ecshop模板如何让文字居div底部

2013-09-12 23:33 来源:www.chinab4c.com 作者:ecshop专家

     ecshop模板如何让文字居div底部, 我们可以通过ecshop模板的css中的postion来控制他的位置显示。首先设置一个层,为position:relative,然后在内部的内容中,也使用position:absolute来控制,我们还可以通过margin buttom来辅助处理。以下是代码。

   #txt{ 网页教学网

 height:300px;
 width:300px;
 border:1px solid #333333;
 text-align:center;
 position:relative

 

}
#txt p{
 position:absolute;
 bottom:0px;
 padding:0px;
 margin:0px
}
</style>
</head>

 

<body>
<div id=txt>
<p>aadsad</p>
</div>

  来源:http://www.chinab4c.com