首页 > css中控制文字折行方面的问题

css中控制文字折行方面的问题

我的html结构是这样的:

chrome浏览的效果如下图:

现在的要求是“请先创建公司档案”不能折行;所以我就给em设置了:white-space: nowrap;问题出现了:右侧还有那么大地方呢,那个“司”字总是不和“公”字在一行,请求指点?


那是因爲標點不能在開頭,後面的也不能折行,就只好在標點前面一個字折行了。

手動折行即可。

http://jsfiddle.net/4pe2wmL5/3/

(鼠標拖動調整寬度,可以觀察各種寬度下的自適應。)

如果只禁止公司折行

匹配的<span style="white-space: nowrap;">公司</span>。

補充,
手動折行不止可以用 br,還可以用 wbr。

匹配的公司。<wbr>請先創建該公司的檔案。

把这个红色区域宽度设置更宽一点,或者把内边距设置小一点试试

【热门文章】
【热门文章】