在div元素中对齐正确的内容

时间:2016-02-12 18:44:09

标签: html5 css3

我已经四处寻找,但找不到合适的解决方案。如何在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中有多个元素,所以不是最好的选择。

1 个答案:

答案 0 :(得分:1)

你只需要一个浮动:就在输入上。这是关于花车的一篇很棒的文章,我经常回到:https://css-tricks.com/all-about-floats/

.rightAlign {
  float:right;
}

jsfiddle