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

首頁 > 開發 > CSS > 正文

CSS教程之div垂直居中的多種方法

2024-07-11 09:07:16
字體:
來源:轉載
供稿:網友
這篇文章主要為大家詳細介紹了CSS教程之div垂直居中的多種方法,還包括多行文本垂直居中的方法,感興趣的小伙伴們可以參考一下
 
 

在說到這個問題的時候,也許有人會問CSS中不是有vertical-align屬性來設置垂直居中的嗎?即使是某些瀏覽器不支持我只需做少許的CSS Hack技術就可以啊!所以在這里我還要啰嗦兩句,CSS中的確是有vertical-align屬性,但是它只對(X)HTML元素中擁有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption>等,而像<div>、<span>這樣的元素是沒有valign特性的,因此使用vertical-align對它們不起作用。

一、單行垂直居中

如果一個容器中只有一行文字,對它實現居中相對比較簡單,我們只需要設置它的實際高度height和所在行的高度line-height相等即可。

如:

CSS Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁海县| 柏乡县| 文山县| 普兰县| 堆龙德庆县| 扶风县| 修武县| 延边| 桃园县| 思南县| 阿荣旗| 云林县| 海门市| 成武县| 双江| 余姚市| 红河县| 伊宁县| 安泽县| 屏山县| 黑山县| 绍兴市| 兖州市| 中方县| 大方县| 新巴尔虎左旗| 武川县| 黄陵县| 绥宁县| 屯留县| 吴忠市| 京山县| 荆门市| 松原市| 千阳县| 图木舒克市| 富平县| 广南县| 双流县| 加查县| 中宁县|