div容器:将文本限制为向右移动一行

Question

我试着在我的CSS的几个地方调整宽度，但是文本仍然在一行上流动，并且不会在“左边栏”中换行。我的文本向右移动似乎没有限制，我希望有一个限制。我如何在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

删除{space-space:nowrap；}，这将强制您的文本为一行，并添加{ word -wrap: break-word}来处理您的超长单词。

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

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