如何使橫向兩列布局上的文字居中顯示
如何使橫向兩列布局上的文字居中顯示，包括橫向和垂直居中顯示？？像這樣。
qq_斷翅的天使_03407497
2016-07-21
5 回答
舉報
0/150
提交
取消
2016-08-17
父元素設置text-align；子元素設置line-height與height高度一致
2016-08-10
在css中添加?text-align:center; ? ?文字居中
2016-07-22
沒有出現mainbody文字的垂直和水平居中效果
2016-07-21
#mainbody {
? ?background:#FC0;
? ?text-align:center;?
? ? ? ? color:#FFF;
? ? ? ? line-height:200px;
? ? ? ? font-size:30px;
? ? ? ? overflow:hidden;
? ? ? ? font-family:微軟雅黑
}
.left {
width:800px;
height:200px;
background:#000;
? ? float:left;
? ? text-align:center;
? ? line-height:200px;
? ? color:#FFF;
? ? font-size:30px;
? ? font-family:微軟雅黑
}
.right {
width:140px;
height:500px;
background:#690;
float:right;
text-align:center;
? ? line-height:500px;
? ? color:#FFF;
? ? font-size:30px;
? ? font-family:微軟雅黑
}
==============================================
<body>
<div id="wrap">
? <div id="header">頭部</div>
? <div id="mainbody">?
? ? <div class="left">left</div>
? ? <div class="right">right</div>
? ? mainbody
? </div>
? <div id="footer">版權部分</div>
</div>
</body>
2016-07-21
這幾個文字應該是實現的效果截圖上p上去的吧，實現文字居中橫向用text-align=center，垂直用
vertical-align=middle，但是這邊設置了div的高度，使用vertical-align=middle好像就不行了