在同一行上有句子而不将div转换为内联元素

Question

我有一个div，里面有一个句子，但我希望整个句子在同一行，不必将div转换为内联元素，也不改变div的宽度。这可能吗？

#block {
  width: 75px;
  text-align: center;
  border: 1px solid blue;
  bottom: 0;
}

<div id = 'block'> This is a sentence </div>

Answer 1

您可以使用white-space：nowrap样式。您还可以使用文本溢出：省略号来获取＆＃39; ..＆＃39;最后而不是溢出。

＆＃13;

＆＃13;

#block, #block2 {
   width: 75px;
   text-align: center;
   border: 1px solid blue;
   bottom: 0;
   white-space: nowrap;
}

#block2 {
   overflow: hidden;
   text-overflow: ellipsis;
}

＆＃13;

<div id = 'block'> This is a sentence </div>
<div id = 'block2'> This is a sentence </div>

＆＃13;

＆＃13;

＆＃13;