Css Html段落如何将文本居中对齐，并在同一位置或位置开始所有文本行？_Css_Html

Css Html段落如何将文本居中对齐，并在同一位置或位置开始所有文本行？

css html

Css Html段落如何将文本居中对齐，并在同一位置或位置开始所有文本行？,css,html,Css,Html,Lorem Ipsum只是一个虚拟文本 Lorem Ipsum一直是该行业的佼佼者当一个不知名的印刷商在厨房里它不仅存活了五个世纪，基本保持不变。是的含有Lorem Ipsum的Letraset表像Aldus PageMaker这样的发布软件。这是最短的方法，而且很简单。您可以设置一个固定的宽度，并为其设置自动边距，使其居中 .集装箱{ 宽度：300px；保证金：0自动； } Lorem Ipsum仅仅是一个虚拟文本。当一个不知名的印刷商把一个厨房拿走时，Lorem Ipsum一

Lorem Ipsum只是一个虚拟文本 Lorem Ipsum一直是该行业的佼佼者当一个不知名的印刷商在厨房里它不仅存活了五个世纪，基本保持不变。是的含有Lorem Ipsum的Letraset表

像Aldus PageMaker这样的发布软件。

这是最短的方法，而且很简单。您可以设置一个固定的宽度，并为其设置自动边距，使其居中

.集装箱{ 宽度：300px；保证金：0自动； } Lorem Ipsum仅仅是一个虚拟文本。当一个不知名的印刷商把一个厨房拿走时，Lorem Ipsum一直是这个行业的。它不仅存活了五个世纪，而且基本上保持不变。它是包含Lorem Ipsum出版软件（如Aldus PageMaker）的Letraset表单

如果只能设置元素的样式，请执行以下操作：

添加display:flex以将p转换为flex容器，添加text align:left以保持文本在左侧对齐

将容器的方向设置为“列”，使其保持打断，然后对齐项目：居中

对齐项目将对齐横轴上的元素，在本例中，横轴是水平轴

发布软件，如Aldus PageMaker。

您可以执行以下操作：

像Aldus PageMaker这样的发布软件。

如果你将段落放在一个固定宽度的div内，并将div置于页面中央，那么你可以使用文本对齐在div内设置段落本身的样式。我想你需要文本对齐：左；对于段落文本本身。下面是div包装器的CSS

CSS HTML p{ 位置：绝对位置；左：50%； -ms变换：translate-50%，0；变换：平移-50%，0； } Lorem Ipsum只是一个虚拟文本 Lorem Ipsum一直是该行业的佼佼者当一个不知名的印刷商在厨房里它不仅存活了五个世纪，基本保持不变。是的含有Lorem Ipsum的Letraset表像Aldus PageMaker这样的发布软件。

您只需将“中心”更改为“左”。它会解决的

.集装箱{ 文本对齐：左对齐； }

知识是一种美德，是一种美德，是一种美德，是一种美德。维韦拉·尼布·克拉斯·普尔文纳·马蒂斯·努克·塞德·布兰迪特。在帝国饮食之旅，佩伦茨克向普通精英告别。

谢谢，它可以工作，但如果我调整浏览器的大小，文本也会调整大小，这是另一个问题，因为我使用手机是的，这是因为宽度：50vw。实际上，您最好使用Itay更复杂的解决方案，但将.content样式更改为使用flex shrink:1；代替弹性收缩：0@wlh解决方案是最好的方法，再次感谢您的努力谢谢您这是最好的，因为我有一个复杂的页面，很难将所有的P标记更改为div，请记住，在许多情况下，例如这一次，方法不止一种。@JimaleAbdi您不需要将p改为div。这可能有效，但下面的Itay Gal的答案是最简单、最直接的。

.text-wrapper{
width: 300px;
margin: 0px auto;
}

   <body>
      <div class="text-wrapper">
        <p style="text-align: left;">
        Lorem Ipsum is simply dummy text<br>
        Lorem Ipsum has been the industry's <br> 
        when an unknown printer took a galley <br>
        It has survived not only five centuries,<br>
        remaining essentially unchanged. It was<br>
        of Letraset sheets containing Lorem Ipsum<br>
        publishing software like Aldus PageMaker.</p>
      </div>
    </body>