html5中的p不换行如何解决

这篇文章主要介绍“html5中的p不换行如何解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“html5中的p不换行如何解决”文章能帮助大家解决问题。

创新互联专注于涪陵网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供涪陵营销型网站建设，涪陵网站制作、涪陵网页设计、涪陵网站官网定制、微信小程序服务，打造涪陵网络公司原创品牌,更为您提供涪陵网站排名全网营销落地服务。

html5中的p不换行的解决办法：1、打开相应的HTML代码文件；2、找到p标签；3、通过添加“p:nth-child(2) {word-break: break-word}”属性使得数字英文自动换行即可。

p标签中英文换行内容问题

1.数字、英文的情况

p中的内容如果是英文，则会按单词（默认按空格来分隔单词）来进行换行。如果一个单词长度大于p标签的宽度。则会发生溢出。数字同理

2.中文的情况

p中的内容如果是中文，则会自动换行。即便中文中有字母或者空格（无论字母处在什么位置）。

3.使数字、英文自动换行

通过添加word-break: break-word。可以使得数字、英文自动换行。

    
    
    
    
    


    

        
budapsetBund123456789456132123afhuoeaewoerhaib faFingjfllkfhabjkalshfowurhebjkfais
            thecapticaljjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
        
        
1111111111111111111111111111111111111111111111 22222222222222222222222222222
            22222222222222222222222222
        
        

            a小花花蓉儿安委办挼恩爱反驳奥委会蓉儿五把UI阿拉绒布李规格a 爱好IE容纳foe把UI老人会爸爸非哦啊啊哦环绕为比方那部分巴洛克不发货
        
    

关于“html5中的p不换行如何解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

标题名称：html5中的p不换行如何解决
转载源于：http://6mz.cn/article/gjcssh.html