当前位置:  开发笔记 > 编程语言 > 正文

单独使元素居中,但与其他元素对齐时向右对齐

如何解决《单独使元素居中,但与其他元素对齐时向右对齐》经验,为你挑选了1个好方法。

我们有一个页面,通常有两个元素并排排列.尽管从这个角度探讨了几个角度,但我们似乎无法使其发挥作用.我们不反对使用JavaScript,它只是觉得基于CSS的解决方案应该是可能的.有没有一种方法可以使用CSS(如有必要可能还有额外的标记)来制作element2它自己出现的中心?

例子

有时我们有两个元素,并排.

content
content

但在某些情况下,只有element2在页面上,例如:

content



1> philnash..:

有一个纯css解决方案,但它不适用于小于7的IE版本,因为它不会理解兄弟选择器(+),因为你可能想要考虑一个JavaScript解决方案(也许是Dean Edwards的IE7) .无论如何,一些例子css:

div#element2{
  width:100px;
  margin:0 auto;
}
div#element1{
  width:50px;
  float:left;
}
div#element1 + div#element2{
  width:50px;
  float:left;
  margin:0;
}

关键是行div#element1 + div#element2,它选择div#element2,因为它直接跟在div#element1之后.

推荐阅读
Life一切安好
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有