UC知道DIV文本居中求救
来源：百度知道 编辑：UC知道 时间：2024/06/04 09:25:42
html代码:
<div id="footer"> <!--页面底部-->
<div id="banquan">
<p id="bqshuxin">湖南同德职业学院C'173<br/>
小乌龟版权所有
</p>
</div>
</div>
CSS代码:
/*页面底部*/
#footer {width:850px;margin:0 auto;height:50px;background:#00FFFF;border:1px solid #FF0099; position:relative; }
/*版权信息*/
#banquan{position:absolute; top:50%;}
#bqshuxin{font-size:14px;color:#000000;line-height:20px;text-align:left;position:relative; top:-50%;}
可显示结果文本垂直居中了 水平却没能够靠左,不论在哪加入float:left;显示结果都一样.
我想要那段文字在 DIV标签中垂直居中并水平靠左 因为初学只想弄懂怎么做成这种效果
<div id="footer"> <!--页面底部-->
<div id="banquan">
<p id="bqshuxin">湖南同德职业学院C'173<br/>
小乌龟版权所有
</p>
</div>
</div>
CSS代码:
/*页面底部*/
#footer {width:850px;margin:0 auto;height:50px;background:#00FFFF;border:1px solid #FF0099; position:relative; }
/*版权信息*/
#banquan{position:absolute; top:50%;}
#bqshuxin{font-size:14px;color:#000000;line-height:20px;text-align:left;position:relative; top:-50%;}
可显示结果文本垂直居中了 水平却没能够靠左,不论在哪加入float:left;显示结果都一样.
我想要那段文字在 DIV标签中垂直居中并水平靠左 因为初学只想弄懂怎么做成这种效果
<div id="footer"> <!--页面底部-->
<p>湖南同德职业学院C'173<br/>
小乌龟版权所有
</p>
</div>
<style type="text/css">
/*页面底部*/
#footer {width:850px;height:50px;background:#00FFFF;border:1px solid #FF0099;}
/*版权信息*/
/*#banquan{height:50px;
border:1px solid #FF3399;
margin:0px;}
*/p {height:50px;
font-size:14px;color:#000000;line-height:20px;text-align:left;}
</style>
你的代码冗余太多了，测试的时候顺带改了些，火狐下我没怎么给你改动，你可以参照这个改改，记住，绝对定位不熟悉用很容易出错的，建议看看绝对定位，你代码有些矛盾
#banquan{position:absolute; top:50%;}
这怎么又是绝对定位了了？？？？
你到底想实现什么效果？？？？
文字靠左是text-align:left;
#footer 里的margin:0 auto; 它就会使里面的内容居中 当然你的文本就会居中了。
#banquan{position:absolute; top:50%;} 这是是绝对定位而下面的呢却又相反。
我也不知道你要作什么样的效果
你就这么几个字一个DIV也足够定位了呀 干嘛还搞几个呀 真服你了
垂直居中了，还要水平靠左，说的话矛盾
看不到，有没有网站看一下！