在第1行上放置％的文本，在第2行上放置其余的文本

Question

我在段落元素中显示了一个值（来自WordPress上的ACF）。

该段落分为一个具有最大宽度和以文本为中心的div。

我正在寻找一种表达方式：

“如果文本的默认显示在一行上：文本的70％将显示在第一行上，其余显示在第二行上。”

示例： https://prnt.sc/njoc6x 随着解决方案（我没有）： https://prnt.sc/njob94

像这样，我将避免在第二行上出现一个或两个单词的块。

请告诉我是否不够清楚：）

Answer 1

我想您可以在段落中使用width:70%，但是我已经设置了边距，以便左右分别有15％（30％）留有70％的文本区域。如果您希望文本可扩展，我建议使用textarea吗？

#textcenter{
background-color:grey;
height:200px;
}


#textcenter p{
padding-top: 45px;
font-size:16pt;
text-align:center;
color:white;
margin:0 15%; /*15% left and right - 30% margin = 70% text area*/
}

#textcenter textarea{
position:relative;
text-align:center;
color:grey;
width:70%;
margin:0 15%;
}

<div id="textcenter">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut.</p> 
<br>
<textarea>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut.<!--editable--></textarea> 
</div>

Answer 2

您应该使用max-width:70%;和width: 70%而不是margin: 0 auto;来使文本居中