Question

我尝试在我的CSS的几个地方调整宽度，但文本继续在一行上流动而不包裹在“leftsidebar”中。关于我的文本走向右边的距离似乎没有限制，我希望有一个限制。我如何在CSS中设置它？

<h3> JKHJKHJKHKJHJKHJKHJKHKJHJKHJKHKJH</h3> 


#leftsidebar {
  position:fixed; 
  width: 160px; 
  top:150px; 
  margin:0px;
  line-height:165%; 
  white-space:nowrap; 
  z-index:50; 
  padding: 0px 35px;
}

http://jsfiddle.net/4uxcN/

Answer 1

删除white-space:nowrap;（并最终添加word-wrap: break-word;以尊重您的div边界，使用无间距长字）将文本发送到新行;

添加overflow-x: scroll;如果您想要将文本放在一行中，但希望在固定宽度div中包含水平滚动条：http://jsfiddle.net/4uxcN/10/

Answer 2

如果你在谈论word-wrap: break-word属性，它会在到达父宽度的末尾时破坏它。

Answer 3

删除{white-space：nowrap;}，它会强制你的文字到一行并添加{word-wrap：break-word}来处理你的长词。

http://jsfiddle.net/4uxcN/6/

#leftsidebar {
    word-wrap: break-word;
}

Answer 4

基本上，有三种方法可以做到：

只需删除您的white-space媒体资源即可。 LINK
删除white-space属性，然后添加word-wrap: break-word;属性。 LINK
将white-space设为pre-wrap而不是nowrap。 LINK

Answer 5

如果删除

white-space:nowrap;

所有文字都会在空格处打破，以适应框宽。

超长字符串就像你的示例中那样不会破坏。要强制使用愚蠢的长字符串，可以使用。

word-wrap:break-word;

你也可以使用溢出属性，如

overflow:scroll

这实际上取决于您的布局

div container：限制文本在一行到右边

5 个答案: