web前端|html教程
CSS 让长字符串超过宽度时自动换行
web前端-html教程
A、相关信息
himall 源码,vscode开发什么软件,ubuntu加密分区,tomcat7使用,爬虫卡通照片,php中文转字母,seo新手入门必备分类,婚纱网站手机网站模板,dedecms资讯模板lzw
当输出php的一个长字符串时(字符串是没有换行的)希望在当内容超过所设置的长度时字符串能够自动换行,否则该没有换行符号的字符串将超出所设置的宽度,无限拉伸页面
android fps源码,ubuntu安装卡在开始,Tomcat心得体会,爬虫相关术语,php如何生成pdf,百度seo一般多少钱lzw
在纯html代码中,即使不做任何特殊申明,也会自动根据所设置的宽度进行自动换行,例如
亲戚计算器安卓源码,离线安装远程vscode,ubuntu 安装命令,网站部署 tomcat,网页管理sqlite,网页设计师前景,链接access数据库,服务器跟虚拟主机,ectouch支付插件,gin框架是前端还是后端,爬虫资源,php 服务器部署,英文seo外链,springboot 外置,html5新增标签的article使用,网站源码 幼儿园,网页转盘抽奖软件,汽车 模板,无法进入织梦后台,thinkphp 页面压缩输出,vb access医院信息管理系统,最小二乘法matlab程序lzw
测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
如上代码会当内容宽度超出100px时会自动进行换行输出
但当输出一个php的长字符串时
其中$long_content的内容宽度是远超过100px的,可以看到内容输出是不会自动换行的,会根据字符串的宽度无限拉伸页面,也即有多长就会拉伸多长,定义的宽度形如虚设,显然不是我们所期望的
B、问题描述
当输出长字符串时,内容不会自动换行,会无限拉伸页面
C、解决方案
使用如下的css定义
word-break 属性规定自动换行的处理方法,值 break-all 表示允许在单词内换行。 word-wrap 属性允许长单词或 URL 地址换行到下一行,值break-word 表示在长单词或 URL 地址内部进行换行。
如果觉得《CSS 让长字符串超过宽度时自动换行【HTML】》对你有帮助,请点赞、收藏,并留下你的观点哦!