我的html结构是这样的:
chrome浏览的效果如下图:
现在的要求是“请先创建公司档案”不能折行;所以我就给em设置了:white-space: nowrap;问题出现了:右侧还有那么大地方呢,那个“司”字总是不和“公”字在一行,请求指点?
那是因爲標點不能在開頭,後面的也不能折行,就只好在標點前面一個字折行了。
手動折行即可。
http://jsfiddle.net/4pe2wmL5/3/
(鼠標拖動調整寬度,可以觀察各種寬度下的自適應。)
如果只禁止公司折行
匹配的<span style="white-space: nowrap;">公司</span>。
補充,
手動折行不止可以用 br,還可以用 wbr。
匹配的公司。<wbr>請先創建該公司的檔案。
把这个红色区域宽度设置更宽一点,或者把内边距设置小一点试试