问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

请问word-break如何使用

发布网友 发布时间:2022-04-28 14:00

我来回答

3个回答

懂视网 时间:2022-04-28 18:22

word-break属性用于指定非CJK(中日韩)脚本的断行规则,规定了自动换行的处理方法。通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

CSS3 word-break属性

作用:word-break 属性规定自动换行的处理方法。

提示:通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

语法:

word-break: normal|break-all|keep-all;

normal:使用浏览器默认的换行规则。

break-all:允许在单词内换行。

keep-all:只能在半角空格或连字符处换行。

注:所有主流浏览器都支持 word-break 属性。但 Opera 不支持 word-break 属性。

CSS3 word-break属性的使用示例

<!DOCTYPE html>
<html>
<head>
<style> 
p.test1
{
width:11em; 
border:1px solid #000000;
word-break:keep-all;
}
p.test2
{
width:11em; 
border:1px solid #000000;
word-break:break-all;
}
p.test3
{
width:11em; 
border:1px solid #000000;
word-break:keep-all;
}
p.test4
{
width:11em; 
border:1px solid #000000;
word-break:break-all;
}
</style>
</head>
<body>
<p class="test1">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p class="test2">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p class="test3">This paragraph contains some text: The lines will break at any character.</p>
<p class="test4">This paragraph contains some text: The lines will break at any character.</p>
</body>
</html>

效果图:

1.jpg

本文参考:https://www.html.cn/book/css/properties/text/word-break.htm

热心网友 时间:2022-04-28 15:30

这些都是没有用的东东,别浪费时间!!

热心网友 时间:2022-04-28 16:48

看介绍没用,要自己悟
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
荣耀v20杀后台严重? 聊天时哪些回复让人感觉不舒服? 货物运输保险案例分析 卞和泣玉注释 求解,卞和泣玉没学过,在线等解。 葛加走之底读什么 在等腰三角形ABC中,AB=AC=5,BC=6,求角B的三角函数值 ...人开走一架战斗机,在一架客机下面飞,好几个飞机来拦截, ...话是三架飞机 机型各不同 在山区飞行发现恐怖分子用驴车运核弹 用AK... ...的成为战斗机飞行员。战争结束回国继续抢银 b站怎么买东西 在微信南方电网小程序交费会原路退回,无法充值成功 B站怎么单片购买? b站如何单独买电影 我想问问,为什么微信缴不了电费? 微信无法交电费 2012年nba总决赛大比分是多少 手机微信缴费不了电费是怎么回事? NBA12年总决赛第几场最好看???最精彩??? NBA总决赛场均28分,历史上有几个人能做到? 2011-2012赛季NBA总决赛哪支球队夺冠胜算更大。? 热火12年总决赛阵容名单 11-12赛季NBA总冠军是哪只球队? 2012年NBA总决赛是几号开打呢? 无法用微信交电费,请帮忙解决,谢谢~ nba2012总决赛雷霆阵容球员名单 在2012年NBA总决赛中,三届最有价值球员谁终于实现了职业生涯的总冠军梦想? 微信里没有小程序、交电费页面升级为小程序、交不了电费咋办? 2012nba总决赛雷霆为什么败给热火 冒牌货冒菜加盟怎么样? B站投电影教程 b站电影版权方要求 B站你的名字电影点购买没反应!如图! 全国矿产资源开发整合和矿业权实地核查总结通报 我国商业性矿产勘查的总体形势 B站为何狂买经典老电影版权? look中文是什么意思 全国探矿权、采矿权核查数据库 B站购买《哈利波特》版权,版权费有多少,会过亿吗? look翻译 b站购买的电影可以分享吗 looK中文是什么意思? Look翻译中文 中国的探月计划是那一年开始启动的? B站一般有人传生肉电影,他们是哪找的?怎么上传到B站? 为什么,科考,第一名叫状元, 第二名叫榜眼,第三名叫探花,依次下面是什么 电脑上写的look是什么意思中文 其他播放网站上也有,为何B站买《哈利波特》版权网友会如此激动呢? 中国的探月工程叫什么名字?取得了那些成果? Look!A funny dog!翻译中文怎么读