开发者社区> 问答> 正文

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

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

展开
收起
杨冬芳 2016-06-02 19:17:21 2379 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    手動折行即可。

    http://jsfiddle.net/4pe2wmL5/3/点击预览

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

    如果只禁止公司折行
    全选复制放进笔记
    匹配的<span style="white-space: nowrap;">公司</span>

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

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

    2019-07-17 19:25:34
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载