当前位置:Gxlcms > html代码 > 字母汉字可以换行标点符号不能换行_html/css_WEB-ITnose

字母汉字可以换行标点符号不能换行_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:99人阅读

如图

部分代码如下:
hello.你好呀!标点不会自动换行标点不会自动换行标点不会自动换行。。。。。。。。。。。。。。。。。。。。。。。。
hello
12:30
标点不会自动换行标点不会自动换行标点不会自动换行标点不会自动换行标点不会自动换行标点不会自动换行hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello


.chatBox{	padding:1rem 1rem 0rem 1rem;	position:relative;}.chatPicLeft{	height:2.5rem;	width:2.5rem;	float:left;	position:absolute;}.chatContentLeft{	margin-left:3.5rem;	margin-right:4.5rem;}.chatPicRight{	height:2.5rem;	width:2.5rem;	right:1rem;	float:right;}.chatContentRight{	text-align:right;	margin-left:4.5rem;	margin-right:3.5rem;}.chatTime{	text-align:center;}.input{	position:fixed;	bottom:0;	z-index:9999;	height:3rem;	width:100%;	background-color:gray;}.textClass{	word-break:break-all;}.chatBoxLeft{	display:inline-block;	padding:0.5rem;	background-color:#ffffff;	-webkit-border-radius:0.3rem;	-moz-border-radius:0.3rem;	-o-border-radius:0.3rem;	border-radius:0.3rem;}.chatBoxRight{	display:inline-block;	padding:0.5rem;	background-color:#ffffff;	-webkit-border-radius:0.3rem;	-moz-border-radius:0.3rem;	-o-border-radius:0.3rem;	border-radius:0.3rem;}


回复讨论(解决方案)

.textClass{	word-break: break-all;	word-wrap: break-word;}

人气教程排行