重新认识HTML中的p标签

HTML中p标签为段落标签，在正常情况下p标签中的内容会自动换行，如下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>HTML中的p标签</title></head><body><p>Trouble will find you no matter where you go, oh oh No matter if you're fast, no matter if you're slow, oh oh The eye of the storm wanna cry in the morn, oh oh You're fine for a while but you start to lose control </p</body>
</html>

浏览器渲染后效果如下图：

可是如果p标签中为非正常内容呢，如下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>HTML中的p标签</title></head><body><p>000000000011111111112222222222333333333344444444445555555555666666666677777777778888888888999999999900000000001111111111222222222233333333334444444444555555555566666666667777777777888888888899999999990000000000111111111122222222223333333333444444444455555555556666666666777777777788888888889999999999</p</body>
</html>

浏览器渲染后效果如下图：

那么怎么修复这个问题呢？非常简单——为p标签添加如下样式属性即可：

<style>p{word-wrap:break-word;}
</style>

重新认识HTML中的p标签相关推荐

html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签我的第一部分有一个容器div, ...
seaborn箱图（box plot）可视化、并且使用matplotlib的meanprops函数在箱图中自定义均值标签、标签形状、标签大小、标签填充色彩、标签边缘颜色
seaborn箱图(box plot)可视化.并且使用matplotlib的meanprops函数在箱图中自定义均值标签.标签形状.标签大小.标签填充色彩.标签边缘颜色目录
R语言ggplot2可视化：可视化饼图分面图并在图中添加数据标签
R语言ggplot2可视化:可视化饼图分面图并在图中添加数据标签目录 R语言ggplot2可视化:可视化饼图分面图并在图中添加数据标签
R语言ggplot2可视化添加希腊字母标签：图表题（title）中加入希腊字母、图中加入希腊字母标签
R语言ggplot2可视化添加希腊字母标签:图表题(title)中加入希腊字母.图中加入希腊字母标签目录
jekyll 博客对搜索引擎的SEO提升方法--head中的meta标签和Jekyll SEO Tag
我用GitHub Pages搭建了jekyll的博客后,想要提升自己博客的SEO,尤其是对搜索引擎:百度.谷歌. head中的meta标签说道提升SEO,必然要提到HTML中的head标签中的met ...
二十四、Struts2中的UI标签
二十四.Struts2中的UI标签 Struts2中UI标签的优势: 数据回显页面布局和排版(Freemark),struts2提供了一些常用的排版(主题:xhtml默认 simple ajax) ...
【HTML】处理＜br＞换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法，字符串中包含HTML标签被转义的问题解决
[HTML]处理换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题解决参考文章: (1)[HTML]处理换行符 ...
JSP页面中使用JSTL标签出现无法解析问题解决办法
JSP页面中使用JSTL标签出现无法解析问题解决办法参考文章: (1)JSP页面中使用JSTL标签出现无法解析问题解决办法 (2)https://www.cnblogs.com/xdp-gacl/p ...
从字符串中删除HTML标签
是否有从Java字符串中删除HTML的好方法? 一个简单的正则表达式 replaceAll("\\<.*?>","") 可以使用,但& 不会 ...
JAVA中的break[标签]continue[标签]用法
原文:JAVA中的break[标签]continue[标签]用法注意:JAVA中的标签必须放在循环之前,且中间不能有其他语句.例如:tag:for或while或do--while; 1.使用brea ...

重新认识HTML中的p标签

重新认识HTML中的p标签相关推荐

最新文章

热门文章