CSS设置文本折行处理

    xiaoxiao2021-03-28  37

    一般情况

    只要定好文字所在容器的宽度文字就会折行,如下面:

    想控制一段文本不折行,设置如下的样式:

    white-space: nowrap;

    word-wrap: normal;

    word-break: keep-all;

    相反,如果一段文本不能折行了,那么可能是设置了如上的样式,则将样式改为

    white-space: normal;

    word-wrap: break-word;

    word-break: break-all;

    含有很长英文情况

     定好文字所在容器的宽度后文字不会折行,效果:

    对其设置

    white-space: normal;

    word-wrap: break-word;

    word-break: break-all;

    可以实现折行。如下:

    转载请注明原文地址: https://ju.6miu.com/read-664594.html

    最新回复(0)