行级元素高度不一致，并列垂直居中，如span，和input
2014-10-13 12:53
141 查看
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行级元素高度不一致，并列垂直居中</title>
</head>
<body>
<style>
.box {background: #999;}
.box input{height:30px;line-height:30px;border:1px solid #999;vertical-align:middle;}
</style>
<div class="box">
aaaa <span>sdfbb</span> <input type="text" name="" id="">
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- chrome浏览器 两个span元素 并列一行高度不一致
- JavaScript 未知高度元素垂直居中实现代码
- 父元素高度确定的多行文本垂直居中显示
- 不知道自己高度和父容器高度的情况下，用 CSS 实现元素垂直居中
- 未知高度宽度元素垂直水平居中
- 垂直居中-父元素高度确定的多行文本（方法一）
- css实现高度或者宽度不固定的div元素垂直左右居中
- 32.垂直居中-父元素高度确定的多行文本（方法一）
- JavaScript 未知高度元素垂直居中实现代码
- 垂直居中-父元素高度确定的多行文本（方法二）
- 33.垂直居中-父元素高度确定的多行文本（方法二）
- 父元素 高度固定，如何使其中的文字垂直居中？
- CSS中如何把Span标签等行内元素设置为固定宽度及div中内容垂直居中
- CSS元素垂直居中，未知高度该如何处理？
- JS动态控制网页元素的垂直高度-垂直居中
- 表单元素input、按钮、文字完美垂直居中对齐方法
- 父元素为一个div，宽度高度不固定，子元素是一个块状元素，宽高已知，如何实现子元素在父元素内水平、垂直居中？
- 通过设置文本的行高与外部容器的高度一致，可以使文本垂直居中
- css定高行级元素垂直居中
- css实现高度不固定的div元素模块在页面中水平垂直居中