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

首頁 > 開發 > CSS > 正文

CSS制作水平垂直居中對齊 多種方式各有千秋

2024-07-11 08:50:52
字體：大 中 小
來源：轉載
供稿：網友
作為前端攻城師，在制作Web頁面時都有碰到CSS制作水平垂直居中，我想大家都有研究過或者寫過，特別的其中的垂直居中，更是讓人煩惱。這段時間，我收集了幾種不同的方式制作垂直居中方法，但每種方法各有千秋呀，要正確的選擇也是一件不容易的事情。我會將這幾種方法一一介紹給大家，以供大家參考。或許對于我這樣的初學者有一定的幫助。

用CSS來實現元素的垂直居中效果是件苦差事，雖然說實現方法有多種，但有很多方式在某些瀏覽器下可能無法正常的工作。接下來我們就一起來看看這些不同方法實現垂直居中的各自優點和其不足之處。

方法一：

這種方法用來實現單行垂直居中是相當的簡單的，你只要保證元素內容是單行，并且其高度是固定不變的，你只要將其“line-height”設置成和“height”值一樣就Ok了。不過這種方法局限性太大，只有單行文本的元素才適用，所以在多行元素中是不能使用這種方法的。
Html Markup

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 马边| 清苑县| 辉南县| 江安县| 景东| 于都县| 千阳县| 岢岚县| 青川县| 吉木萨尔县| 刚察县| 凤城市| 福州市| 武陟县| 卓资县| 郧西县| 道真| 绍兴市| 都江堰市| 湖口县| 西乡县| 沂南县| 和田市| 五大连池市| 黄浦区| 桐城市| 永福县| 盐亭县| 武宣县| 康马县| 米泉市| 平泉县| 牙克石市| 杂多县| 驻马店市| 双城市| 嵩明县| 无极县| 若羌县| 清水县| 永平县|