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

前端之家收集整理的这篇文章主要介绍了css – 文本对齐中心受到浮动元素的影响前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个浮动元素,左右.

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

请看这里:

http://jsfiddle.net/KRWNs/

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

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

感谢向前

解决方法

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

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

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

猜你在找的CSS相关文章