Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 对齐div元素中的右侧内容_Html_Css - Fatal编程技术网

Html 对齐div元素中的右侧内容

Html 对齐div元素中的右侧内容,html,css,Html,Css,我到处找了找,但找不到解决这个问题的有效方法。如何在div元素中水平向右对齐任何内容,而不仅仅是文本。例如: <div> <input type='submit' value='Submit' /> </div> 如果我在div元素中添加一个max width,那么使用margin:0 auto之类的东西是没有问题的,但是这不适用于和:100%,这正是我所需要的。我离开这个网络游戏已经有一段时间了,我曾期望CSS从HTML5开始变得更加友好,但使

我到处找了找,但找不到解决这个问题的有效方法。如何在div元素中水平向右对齐任何内容,而不仅仅是文本。例如:

<div>
    <input type='submit' value='Submit' />
</div>

如果我在div元素中添加一个
max width
,那么使用
margin:0 auto
之类的东西是没有问题的,但是这不适用于
和:100%
,这正是我所需要的。我离开这个网络游戏已经有一段时间了,我曾期望CSS从HTML5开始变得更加友好,但使用它仍然是一件痛苦的事情,尽管它带来了一些改进的特性

我不需要任何向后兼容的解决方案,除非这是唯一的原因。如果一个浏览器没有适当的HTML5/CSS3支持,那就太糟糕了

编辑:


如果我做
div>input{margin:0auto}
它会工作,但是我猜如果我在这个div中有多个元素,这会带来问题,所以不是最好的选择

您只需要在输入上加一个float:right。这是一篇关于浮动的伟大文章,我经常回顾:


您只需要在输入上加一个float:right。这是一篇关于浮动的伟大文章,我经常回顾:


好的,如果我的内容比单个输入多,它的顺序会有所不同?好吧,它可以工作,但内容从div中分离出来,放在它下面。如果在div中添加边框,则可以看到。它也不能很好地与元素的背景颜色对齐,因为它也脱离了该元素。无法使任何clearFix正常工作,但将div的溢出设置为auto正常工作。没有幻想:在clearfix之后。谢谢,我会彻底阅读这篇文章。好吧,如果我的文章内容比单个输入多,它的顺序会不同吗?好吧,它可以正常工作,但是内容从div中分离出来,放在它下面。如果在div中添加边框,则可以看到。它也不能很好地与元素的背景颜色对齐,因为它也脱离了该元素。无法使任何clearFix正常工作,但将div的溢出设置为auto正常工作。没有幻想:在clearfix之后。谢谢,我会仔细阅读这篇文章。
.rightAlign {
  float:right;
}