微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

请看这里:

http://jsfiddle.net/KRWNs/

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

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

感谢向前

解决方法

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

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

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

原文地址:https://www.jb51.cc/css/216595.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。