国产探花免费观看_亚洲丰满少妇自慰呻吟_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;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 定结县| 博野县| 闽清县| 泰来县| 平谷区| 界首市| 鹤庆县| 贡嘎县| 阿合奇县| 丹江口市| 凌源市| 高台县| 谢通门县| 简阳市| 广饶县| 江都市| 当雄县| 临泉县| 阜阳市| 新田县| 图木舒克市| 内丘县| 宁安市| 莱阳市| 清水河县| 东阳市| 南开区| 松潘县| 宜春市| 同江市| 和硕县| 离岛区| 聊城市| 包头市| 伊宁市| 隆林| 宜良县| 桐庐县| 东平县| 恩平市| 万宁市|