内联元素在块级元素内部垂直水平居中
2017-02-08 10:42
633 查看
<html>
<head>
<style>
*{margin:0;padding:0}
.box {
position: absolute;
width:100%;
height:100%;
background-color:gray;
text-align: center;
}
.middle{
padding:3px;
background-color: orange;
}
.box:after{
display:inline-block;
height:100%;
content:'';
vertical-align: middle;
}
</style>
</head>
<body>
<div class="box">
<span class="middle">行内元素</span>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- CSS内联元素、块级元素的水平居中和垂直居中方法总结
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- 让块级元素水平垂直居中
- CSS设置行内元素和块级元素的水平居中、垂直居中
- CSS设置行内元素和块级元素的水平居中、垂直居中
- css实现块级元素水平和垂直居中
- 纯CSS设计div内部元素水平垂直居中
- 怎么让块级元素水平和垂直都居中
- 几种可以让元素水平垂直居中的方法
- css如何让元素水平居中、垂直居中
- 关于元素水平垂直居中的那些事？
- 块级元素上下 或 水平居中
- 【CSS基础】绝对定位元素的水平居中 和 垂直居中
- 元素水平垂直居中小结
- 子元素(div)在父元素(div)里水平且垂直居中
- span元素与块级元素（div、p）位于同一行时的垂直居中问题
- 网页元素居中攻略记_(3)已知宽高元素水平垂直居中