html - 文本对齐：居中；不工作

Question

我一直在搞乱我的网站的布局，并且 text-align : center;在我将所有 div 位置设置为相对以使父 div 在我使用 javascript 添加组件时更改大小后发生了停止工作。

这是我的两个 CSS 文件：

您可以在下面的 JSfiddle 链接中看到新的。

我还提供了旧网站的代码（正确对齐文本）：

旧的 HTML 与我刚刚添加的新版本非常相似 style="float:left;" 在其中一个 div 中

score 9 · Accepted Answer

简短的回答：您的文本没有居中，因为元素是浮动的，并且浮动元素“缩小”到内容，即使它是块级元素。

你能解释更多这意味着什么吗？

当我使用javascript向父div添加组件时，我必须将所有位置设置为相对以使父div改变大小

score 7 · Accepted Answer

float:left;CSS 中的任何位置，在width: 100%;其后添加。浮动会破坏你想要的中心对齐。

另外，添加text-align: center;到#login

score 2 · Accepted Answer

终于想通了。我需要做的就是添加 clear:left;到我的loginBttndiv 之后一切正常

感谢您尝试帮助大家

score 2 · Accepted Answer

这是 Text-align: center 不起作用的另一种情况。

您在上面的 Div 中使用display:flex属性，因此您需要删除它然后尝试它会起作用。

score 0 · Accepted Answer

0

你忘了添加width: 100%;你的 CSS 类。

于 2019-06-02T15:09:30.033 回答

score -1 · Accepted Answer

-1

试试这个。我想它可能会帮助你

text-align:justify;

于 2012-05-02T05:20:44.113 回答

6 回答 6