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。可以使得数字、英文自动换行。




    
    
    
    Document
    


    
        

budapsetBund123456789456132123afhuoeaewoerhaib faFingjfllkfhabjkalshfowurhebjkfais             thecapticaljjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj         

        

1111111111111111111111111111111111111111111111 22222222222222222222222222222             22222222222222222222222222         

        

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

    

html5中的p不换行如何解决

html5中的p不换行如何解决

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


本文题目:html5中的p不换行如何解决
标题URL:http://bzwzjz.com/article/gjcssh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 阿坝网站设计 网站建设公司 成都网站建设 响应式网站设计方案 重庆企业网站建设 高端品牌网站建设 网站建设方案 移动手机网站制作 定制网站制作 成都网站建设流程 重庆网站制作 响应式网站设计 网站制作公司 营销型网站建设 四川成都网站建设 网站制作 企业手机网站建设 手机网站建设 成都品牌网站设计 企业网站建设 高端网站设计 网站设计