css3 超长的部分变点

CSS3中的超长的部分变点是指在文本中出现过长的部分，若原本是会将此部分显示在同一行上，这样会破坏整体排版造成视觉上不美观的现象。于是CSS3提出了超长的部分变点的解决方案。

p {
    overflow-wrap: break-word;
      /* 设置单词折行 */word-wrap: break-word;
    -ms-word-break: break-all;
      /* 兼容IE浏览器 */word-break: break-all;
         /* 网页浏览器一般多用这一种 */-webkit-hyphens: auto;
         /* Safari 和 Chrome 新版本 */-moz-hyphens: auto;
            /* Firefox */hyphens: auto;
             /* 标准语法 */}
    

以上代码中，各种浏览器需要使用的不同属性都有体现，其中overflow-wrap: break-word和word-wrap: break-word的作用是设置单词折行；-ms-word-break: break-all是为了IE浏览器兼容；word-break: break-all是为了其他网页浏览器使用；-webkit-hyphens: auto和-moz-hyphens: auto以及hyphens: auto这三种用法都是为了支持浏览器断字换行功能。

总之，CSS3中的超长的部分变点技术可以优化网页布局，使阅读体验更好。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！