Html 最小和最大宽度混乱文本居中对齐

小提琴：

这是一个非常非常长的句子
h1{
最小宽度：100px；
最大宽度：100px；
文本对齐：居中；
}

---

如果去掉“最大宽度”和“最小宽度”，句子可以居中，但我希望它居中，而不是占据整个宽度。为什么在添加宽度约束时文本会左对齐

在

h1

中的文本实际上居中，但它在

100px宽度框中居中。如果您希望H1浮动在<代码>窗口< /代码>的中间，则添加<代码>空白：0自动；<代码>。
h1
向左对齐的主要原因与
display:box
属性有关


h1{
最小宽度：100px；
最大宽度：100px；
文本对齐：居中；
保证金：0自动；
}
这是一个非常非常长的句子
这是因为单词“句子”的宽度超过100像素，默认情况下文本只在空格处断开。将其更改为以下内容[尽管这会使其更难阅读]：

h1 {
  min-width:100px;
  max-width:100px;
  text-align:center;
  -ms-word-break: break-all;
  word-break: break-all;
  // Non standard for webkit
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

或者让它更宽。您可以使用边距0自动居中；-但是单词句子仍然不会集中在h1中

编辑：这可能是你真正想要实现的

如果要将每个单词强制放在新行上，并使较长的单词居中，可以执行以下操作：

h1 {
  min-width:200px;
  max-width:200px;
  text-align:center;
  white-space: pre-line;
}

<h1>this 
is 
a 
really, 
really
long
sentence</h1>

h1{
最小宽度：200px；
最大宽度：200px；
文本对齐：居中；
空白：行前；
}
这
是
A.
真正地
真正地
长的
句子

空白：行前；将在html中有换行符的地方放置换行符。但是，您仍然必须使整个元素与最宽的单词一样宽

对我来说，没有。Chrome 32.0.1700.76适合我在Firefox 26中使用。将“最小宽度”和“最大宽度”设置为相同的值与仅设置“宽度”相同。^很酷，谢谢，我不知道。什么是
margin:0 auto执行？它删除默认的左、右边距0，允许它对其父元素进行“自由格式”。通过将它设置为<代码> Audio，你基本上告诉它不要担心将元素放在中间的左或右余量。我从来没有实际描述过
auto
值，所以我的措辞可能不正确。上下页边距呢？它如何知道只删除左侧和右侧的默认0？因为您正在将顶部和底部值设置为0
h1 {
  min-width:200px;
  max-width:200px;
  text-align:center;
  white-space: pre-line;
}

<h1>this 
is 
a 
really, 
really
long
sentence</h1>