CSS:尽管文本旁边有 float 元素,但如何使文本居中?

标签 css centering

基本上,我想让文本居中,忽略任何 float 的同级元素。

起初,我认为这不会有问题,因为我的印象是 float 元素不会占用任何同级元素的宽度。

Example (尽管有绿色文本,但我希望红色文本位于蓝色框的中心)

如何最好地实现这一目标?

最佳答案

你不能。如果它在父框内居中,那么 float 会在某个点与内容重叠,这会破坏 float 的点。您可以在此处使用两种方法。如果您知道 float 的宽度,则可以应用相等的负右边距。否则,您可以绝对定位元素 like this .

关于CSS:尽管文本旁边有 float 元素,但如何使文本居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6818770/

相关文章:

css - 如何创建具有特定格式的 div?

jquery scrolltofixed 空白

html - 无法使用 Bootstrap 解决方案使不使用导航栏类的菜单居中

html - 居中 ul 子菜单

css - 绝对定位图像的水平居中

javascript - 可缩放的 css 百分比环

javascript - 子元素好像不是子元素

html - Flexbox 不垂直居中内容

javascript - 通过 Mobirise 制作的 chrome 动画出现故障

centering - Inform7:如何使文本居中?