国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

實現DIV層內的文字垂直居中(單行文字/多行文字)

2024-07-11 08:28:07
字體：大 中 小
來源：轉載
供稿：網友
如果是單行文字想垂直居中，只要保證div高和行高保持一致，就可以了。用下面的代碼即可實現：

復制代碼
代碼如下:
#div-a{
height:60px;
line-height:60px;
}

如果是多行文字，上面的垂直居中的方法就不行了，得用變通的方法實現；這里建議使用table方法，在table外面再套上相應的div，

代碼如下：

復制代碼
代碼如下:
<table>
<tr>
<td style="vertical-align:middle;height:300px;background-color:red"></td>
</tr>
</table>

多行文字居中還有另外一種方法：

多行內容居中，且容器高度可變，也很簡單，給出一致的 padding-bottom 和 padding-top 就行：

復制代碼
代碼如下:
.middle-demo-2
{
padding-top: 24px;
padding-bottom: 24px;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 盈江县| 扎赉特旗| 沙坪坝区| 淮南市| 巴彦县| 贵南县| 洪江市| 温州市| 南雄市| 咸丰县| 沭阳县| 内丘县| 九龙城区| 古浪县| 辛集市| 贡嘎县| 含山县| 金坛市| 肥西县| 沭阳县| 龙江县| 宁夏| 景宁| 安溪县| 深州市| 温州市| 北海市| 通榆县| 卢湾区| 沿河| 新田县| 郎溪县| 南乐县| 松江区| 瑞昌市| 仙游县| 陇西县| 宜春市| 乳源| 台州市| 枣庄市|