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

首頁 > 開發(fā) > CSS > 正文

大小不固定的圖片和多行文字的垂直水平居中實現分析

2024-07-11 08:48:48
字體：大 中 小
來源：轉載
供稿：網友

一、大小不固定，多行文字的垂直居中

① 單行文字

可能很多人都知道如何讓單行文字垂直居中顯示，就是使用line-height，將line-height值與外部標簽盒子的高度值設置成一致就可以了。例如： 單行文字居中顯示測試，css樣式為：

height:3em; line-height:3em;……

② 多行文字

但是對于外框高度固定，文字大小個數不固定的多行文字呢？
文字可能一行顯示，也有可能多行顯示；文字可能是小號字體，也有可能是大號的。這時候如何讓其垂直居中顯示呢？看下面！ 這里的文字用來做多行文字垂直居中對齊的測試。
這是第二行文字，您還可以再添加一行文字做測試！
這是隱藏的第三行文字，注意到文字的變化沒，依舊垂直居中。

上面所展示的就是多行文字垂直居中的效果！

HTML結構如下：

復制代碼

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 司法| 林西县| 岳阳市| 徐闻县| 十堰市| 中阳县| 磐安县| 长治市| 嫩江县| 弥渡县| 永胜县| 清涧县| 瑞丽市| 罗山县| 鸡东县| 东城区| 东台市| 密云县| 长沙市| 托克逊县| 新沂市| 榕江县| 金华市| 黄龙县| 永济市| 娄底市| 塔河县| 沙田区| 陈巴尔虎旗| 江都市| 安图县| 深水埗区| 岫岩| 灌阳县| 丰县| 台前县| 龙胜| 大宁县| 来宾市| 来宾市| 鹤峰县|