gpt4 book ai didi

html - 如何使文本左对齐但格式化为居中

转载 作者:太空宇宙 更新时间:2023-11-04 02:54:35 24 4
gpt4 key购买 nike

我有一些文本需要左对齐,但保持与居中相同的行格式。这是一个例子。

<!DOCTYPE html>
<html>
<body>

<p>This is some text.</p>
<center>this text is line number one.
<br>this is line 2
<br>this is line number three</center>
<p>This is some text.</p>


</body>
</html>

此代码为您提供此输出:

This is some text.

this text is line number one.
this is line 2
this is line number three
This is some text.

我希望居中的文本左对齐,但保留格式。即:第一行长,第二行短,在第一行下方居中,第一行的第一个字母一直在左边。抱歉,如果这没有意义。我不知道还能怎么解释。

最佳答案

您可以将段落与 text-align:center; 一起向左浮动,然后使用 clearfix像这样:

p.center-left {
text-align:center;
float:left;
}

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
<p>This is some text.</p>
<p class="center-left">this text is line number one.
<br>this is line 2
<br>this is line number three</p>
<div class="clearfix"></div>
<p>This is some text.</p>

关于html - 如何使文本左对齐但格式化为居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32401566/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com