Question

我有一些标题文字，大字体，两到四行。它是左对齐的，但我也希望它水平和垂直居中。问题是它包裹并在div的末尾留下一些空白（设置为600px的宽度）。所以我希望它水平居中，不是基于600px，而是基于最长线的宽度。有没有办法让div宽度成为最长文本行的长度？

Answer 1

我想这就是你想要的？

#container {
  background:gold;
  width:600px;
  font-size:2em;
  display:inline-block;
  }

#title {
  width:400px;
  margin-right:100px;
  margin-left:100px;
  margin-top:50px;
  margin-bottom:50px;
  font-weight:600;
  }

<html>
<head></head>
<body>
  
<div id=container>
<p id=title>Here it comes a long sentence that takes about 2 lines.</p>
</div>
  
</body>
</html>

Answer 2

您可以使用display: inline-block。内联块元素可以具有宽度，但是如果没有指定，则它们采用其内容的宽度。

Answer 3

尝试将display: inline-block;和margin: 0px auto 0px auto;添加到您想要居中的元素中;我假设你想要一个不同宽度的div，所以这段代码应该可以工作。

将Div左对齐文本居中

3 个答案: