white-space: nowrap 当中文文字很长的时候(中间没有空格也没有换行符号),不管是IE还是firefox,到达边界都会自动换行。飞@飞Asp技术乐园 但是有的情况,我们并不希望这样。飞飞As.p技术乐园比如:当在几个li并排排列,不想让每行的最后的一个li的文字自动换行,那就可以用本属性了。 使用这个css属性之后,文本只有在遇到空格或者是换行符的时候才能换行 比如:
div{white-space: nowrap;} <style type="text/css"> div{width:300px;border:1px solid red;margin:10px;overflow:hidden;} .nowrap{white-space: nowrap;} </style> <div class="nowrap"> 这是一段很长的文字中间没有空格也没有换行它不会自动换行直到被截取掉<br /> </div> <div>这是一段很长的文字中间没有空格也没有换行但它会自动换行<br /></div>
|