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

首頁 > 開發 > CSS > 正文

垂直居中對齊的CSS示例代碼

2024-07-11 08:27:51
字體：大 中 小
來源：轉載
供稿：網友
垂直居中對齊的核心代碼如下：

復制代碼
代碼如下:
.elment{
position:relative;
top:50%;
transform:translateY(-50%);
}

具體參見如下案例，利用less將居中對齊的代碼攜程mixins。

html

復制代碼
代碼如下:
<div class="outer">
<div class="inner">vertical align anything with less<div>
</div>

css

復制代碼
代碼如下:
.verticalAlign{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.outer{
width:400px;
height:200px;
border:1px solid #000;
margin:10px;
text-align:center;
}
.inner{
.verticalAlign;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 奉新县| 渝北区| 荆州市| 理塘县| 浏阳市| 天门市| 阿巴嘎旗| 江陵县| 石阡县| 镶黄旗| 察隅县| 鄂托克前旗| 辽宁省| 肇州县| 奉节县| 保靖县| 崇信县| 闽清县| 六盘水市| 井陉县| 宁晋县| 嘉鱼县| 双峰县| 伊春市| 阳山县| 邹平县| 鄂托克旗| 开鲁县| 山西省| 晋州市| 临清市| 苏州市| 晋城| 龙州县| 遵义县| 浑源县| 和政县| 江油市| 策勒县| 都江堰市| 秀山|