CSS中如何实现页面元素自动换行（断行），防止过长英文单词等文本元素撑破溢出文本框外？

点击复制标题网址

——温馨提示——

已复制到剪贴板，可粘贴到下一处。

时间：2024-05-02 访问量：1204

编者按：在P标签中使用word-wrap:break-word ;或者word-break:break-all;可实现强制断行。

在P标签中使用word-wrap:break-word ;或者word-break:break-all;可实现强制过长英文单词或者过长url地址自动断行或换行。示范代码如下：

/* 允许单词内断句，首先会尝试挪到下一行，看看下一行的宽度够不够，不够的话就进行单词内的断句 */

.p{word-wrap: break-word;}

/* 断句时，不会把长单词挪到下一行，而是直接进行单词内的断句 */

.p{word-break:break-all;}

/* 强制不换行 */

.p{white-space:nowrap;}

/* 超出部分显示省略号 */

.p{text-overflow:ellipsis;overflow:hidden;}

本文标签：

发表评论：

评论记录：

未查询到任何数据！

上一篇：如何利用animate.css给网页元素添加动画效果？

下一篇：深圳市龙华区人民法院财产保全立案应提交的材料清单指引

关于律师

————受人之托，忠人之事————

邓杰律师

专业

专注执业领域事务

尽责

全力办理委托事项

务实

扎实维护合法权益

邓杰，专职律师（律师执业证号：14403201810022100），执业于北京市炜衡（深圳）律师事务所（律所执业证号：24403200511032007）。邓杰律师现（或曾）兼任深圳市人民政府听证员、深圳市政府采购评审专家（法律类）、深圳市某区城建部门公职律师、建设工程定标专家、计算机信息网络安全员、Web前端开发工程师、Web服务器维护工程师，在城建、教育、纪检等政府系统以及网络科技领域从业多年，十分了解行政程序运行规则，颇为熟悉网络领域软件程序，非常擅长互联网+平台（含电子商务、网络游戏、软件程序、数据合规、区块链等）、房地产与建设工程（含工程质量与结算、房屋买卖与租赁、征地拆迁赔偿、小区物业管理等）、民间借贷、劳动争议、婚姻家事、强制执行等领域各类法律实务，可为政府、企业和个人等各类型客户提供全方位、多层次的非诉、诉讼、仲裁、执行等一揽子法律解决方案，能有效维护委托人的各类合法权益。