css – 文本对齐中心受到浮动元素的影响

我有两个浮动元素,左右.

所有这些的父元素都是text-align:center,margin:auto.

请看这里:

http://jsfiddle.net/KRWNs/

如果你看到1.文本,那就是中心. 2.文本正在移动(受到浮动元素的影响)到左边,你可以看到,而不是中心.

如何使其与上述正常(如1.文本)对齐,而不受右侧和左侧的浮动元素的影响?

感谢向前

解决方法

您需要使用float以外的其他元素将元素粘贴在两边.就这样,他们的行为就像他们应该做的那样.这是一个使用绝对定位的 updated example粘在两边.然而,很长的内容不会兑现元素.

或者,如this test所示,您需要确保两个浮动体的宽度相同.

外部元素是“边缘自动”的事实是无关紧要的.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效