html5中的p不换行如何解决-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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不换行如何解决
本文链接:http://kswsj.cn/article/gjcssh.html

其他资讯