CSS，这两个文本框没有垂直对齐，怎么解决？谢谢。
其他样式不能改，就要这两个文本框垂直对齐，谢谢。<body><inputtype="text"class="textMoRen"placeholder="Text"/><...
其他样式不能改，就要这两个文本框垂直对齐，谢谢。<body> <input type="text" class="textMoRen" placeholder="Text"/> <span class="spanWenBenKuangZuHeRongQi"> <input type="text" class="textMoRen" placeholder="Text"> <span class="spanWenBenKuangZuHeZuJian">99</span> </span></body>*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}/* 默认TextBox */.textMoRen{ height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; } /* TextBox组合 */.spanWenBenKuangZuHeRongQi{ position: relative; display:inline-table; border-collapse: separate}.spanWenBenKuangZuHeRongQi>.textMoRen{ position: relative; z-index: 2; float: left; width: 100%; border-radius: 4px 0 0 4px}.spanWenBenKuangZuHeRongQi>.textMoRen,.spanWenBenKuangZuHeZuJian{display: table-cell}.spanWenBenKuangZuHeZuJian{ padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-radius: 0 4px 4px 0; white-space: nowrap; vertical-align: middle}
展开
展开全部
你好，你的html这样的结构，默认就是自动水平对齐的。现在是您的css代码写的不正确才会导致两个input上下偏移。
你只需在 .textMoRen 和 .spanWenBenKuangZuHeRongQi 上分别加上 vertical-align: middle 即可对齐，具体效果如图
希望我的回答能够帮到您
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.spanWenBenKuangZuHeRongQi{
vertical-align:middle;
}
vertical-align:middle;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
垂直对齐，可以在两个输入框之间加一个<br />，
水平对齐，可以在.textMoRen样式中加入float:left;
水平对齐，可以在.textMoRen样式中加入float:left;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
