重新认识HTML中的p标签
来源:互联网 发布:淘宝类目在哪里修改 编辑:程序博客网 时间:2024/06/06 16:43
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>
0 0
- 重新认识HTML中的p标签
- 重新认识HTML系列003——base标签详解
- html中的div标签和p标签的语义区别
- Jquery—重新认识Jquery中的html()方法
- html中<p>标签
- HTML 标签 <p>
- HTML <p>段落标签
- [html] p标签
- 2-HTML中的p,h,hr,br标签以及注释
- 0311-HTML中的p,h,hr,br标签以及注释
- HTML基础---认识标签(body,p,hx,span,br, blockquote,q,address,code,pre)
- 认识html标签
- 认识html标签
- 认识HTML标签
- HTML-认识<img>标签
- HTML标签基础认识
- 认识html标签
- 认识Html标签
- 1012. 数字分类 (20)
- Spring装配-Java配置
- this、super、final关键字(以及final修饰基本数据类型和引用类型的区别)
- Java基础知识点
- Oracle_PL/SQl_基本语法
- 重新认识HTML中的p标签
- 链表初识
- Java面试题之Integer
- 利用a、s、w、d来控制移动 按下空格会发射子弹 最简单的语法用心编写也会有好的程序
- redis安装和安装时候的错误
- 理解动态规划——01背包问题
- 今天开通了CSDN博客
- 分布式跟踪系统(一):Zipkin的背景和设计
- [bigdata-046] eclipse+spring开发web然后部署到tomcat