我已经四处寻找,但找不到合适的解决方案。如何在div元素中水平对齐任何内容,而不仅仅是文本。例如:
<div>
<input type='submit' value='Submit' />
</div>
如果我在div元素中添加max-width
,那么使用margin: 0 0 0 auto
之类的内容就没有问题了,但这不适用于我需要的with: 100%
。我已经离开这个网页游戏已经有一段时间了,我有一些期望CSS自HTML5以来变得更加友好,但它仍然很难用,尽管它带来了一些改进的功能。
我不需要任何向后兼容的解决方案,除非这是唯一的原因。如果浏览器没有正确的HTML5 / CSS3支持,那么就不好了。
修改
好吧,如果我做div > input { margin: 0 0 0 auto }
它有效,但我猜这将提供问题,如果我在这个div中有多个元素,所以不是最好的选择。
答案 0 :(得分:1)
你只需要一个浮动:就在输入上。这是关于花车的一篇很棒的文章,我经常回到:https://css-tricks.com/all-about-floats/
.rightAlign {
float:right;
}