心得技巧
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧

html英文单词怎么不换行显示

发布时间：2022-05-17 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html英文单词怎么不换行显示，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

htML英文单词不换行显示的方法：1、使用word-break属性，给英文单词元素添加“word-break:keep-all;样式即可；2、使用word-wrap属性，给英文单词元素添加“word-wrap:normal;”样式即可。

html英文单词怎么不换行显示

本文操作环境：Windows10系统、html5版、Dell G3电脑。

html英文单词怎么不换行显示

1、word-break 属性规定自动换行的处理方法。

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

语法

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

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

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

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

示例如下：

<html>
<head>
</head>
<body>
<p style="width:11em;border:1px solid #000000;word-break:keep-all;">This is a veryveryveryvery veryveryveryveryveryvery long paragraph.</p>
<p style="width:11em;border:1px solid #000000;word-break:break-all;">This is a veryveryveryvery veryveryveryveryveryvery long paragraph.</p>
</body>
</html>

输出结果：

html英文单词怎么不换行显示

2、word-wrap 属性允许长单词或 URL 地址换行到下一行。

语法

word-wrap: normal|break-word;

normal 只在允许的断字点换行（浏览器保持默认处理）。

break-word 在长单词或 URL 地址内部进行换行。

示例如下：

<html>
<head>
</head>
<body>
<p style="width:11em;border:1px solid #000000;word-wrap:normal;">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>

输出结果：

html英文单词怎么不换行显示

推荐教程：《html视频教程》

以上就是html英文单词怎么不换行显示的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的html英文单词怎么不换行显示全部内容，希望文章能够帮你解决html英文单词怎么不换行显示所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：
猜你在找的心得技巧相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新心得技巧教程
热门心得技巧教程