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

首頁 > 開發 > CSS > 正文

CSS設置多行文本垂直居中的方法

2024-07-11 08:27:57
字體：大 中 小
來源：轉載
供稿：網友
單行文本居中比較簡單，就是將line-height設置成和height一樣就可以了，但是對于多行文本，這種方式就行不通了，除了第一行，下面的就都看不到了。

多行文本垂直居中的CSS需要這么設置：

復制代碼
代碼如下:
/*多行居中對齊的方法，width，height必須使用px單位，再配合vertial-align:middle和display:table-cell屬性，且div不能浮動*/
.vcenter
{
width: 100px; height: 102px; vertical-align: middle; display: table-cell; overflow: hidden;
}

如果這個div必須浮動，那么可以在里面再嵌套一個div。這種方法有一個問題，就是width和height必須固定，否則無法實現居中。
父div再設置一個display: table的屬性。這種方法還有一個問題，就是overflow屬性不起作用了，這就是把div設置成table-cell的后果，所以如果要實現overflow：hidden，還需要在里面設置一個div，單獨設置overflow：hidden的屬性。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 青田县| 莲花县| 和林格尔县| 洞头县| 灌阳县| 平远县| 乌兰浩特市| 南郑县| 弋阳县| 宜川县| 彭泽县| 孟村| 平湖市| 辛集市| 乌兰浩特市| 天镇县| 车致| 敦煌市| 栾城县| 铁岭市| 古丈县| 柏乡县| 青龙| 宜章县| 滨州市| 尉氏县| 犍为县| 睢宁县| 湘乡市| 永平县| 白水县| 陆丰市| 镇宁| 新平| 肥乡县| 庄浪县| 高唐县| 中宁县| 平潭县| 馆陶县| 敖汉旗|