来讲讲：网页正文在IE中发生笔墨溢出

只看该作者 · 发表于 2015-1-15 22:29:40

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。实行代码以下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转1、在IE、FF中测试，只在IE呈现笔墨溢呈现象。

申明：正文形成笔墨溢出是IE的BUG。

2、往除<divstyle="float:left"></div>中的“float:left;”，你会发明多出来的“猪”字不见了，页面一般显现。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><div></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
</p>

12345678下一页

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。

只看该作者 · 发表于 2015-1-15 23:32:20

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。提醒：您能够先修正部分代码再运转一样往除<divstyle="float:right;width:400px">中的“float:right;”，过剩的“猪”字也一样消散，页面一般显现。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转申明：正文形成笔墨溢出与区块的浮动有关。

3、将正文转移到<divstyle="float:left"></div>后面，过剩的“猪”字消散，页面一般显现。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
</p>

Resig在2008年在其博客中介绍过HTML5的data-属性，现如今HTML5在如火如荼地推广，似乎国内的技术有些延迟，这篇博文可以在这里找到。

只看该作者 · 发表于 2015-1-15 23:33:31

HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签提醒：您能够先修正部分代码再运转将正文转移到<divstyle="float:right;width:400px">↓这就是多出来的那只猪</div>上面，过剩的“猪”字也一样消散，页面一般显现。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转申明：正文形成笔墨溢出与其地位有关。（可与第2点分离了解）

4、往除<divstyle="float:right;width:400px">中的“width:400px”，过剩的“猪”字消散，页面一般显现。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;">↓这就是多出来的那只猪</div></div></body></html>
</p>

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。

只看该作者 · 发表于 2015-1-15 23:34:51

通过我们的HTML编辑器，您能够编辑HTML，然后点击按钮来查看结果。提醒：您能够先修正部分代码再运转申明：正文形成笔墨溢出与笔墨区块的流动宽度有关（不管是相对值仍是绝对值）。

5、增添正文的条数：当1条正文时，则多出来1个字；2条正文时，则多出来3个字；3条正文时，则多出来5个字……
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
</p>

HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签

只看该作者 · 发表于 2015-1-15 23:35:13

WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。提醒：您能够先修正部分代码再运转
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body&g</p>

通过大家的心得，或许能找出"怎么学html5"这个问题的答案。另，我会不定期把群里面关于技术的讨论贴到本帖，敬请关注。

只看该作者 · 发表于 2015-1-15 23:37:33

HTML5语音识别（现在一般用在搜索上），目前相关介绍还是挺多的。为何呢？因为很简单！t;</html>
提醒：您能够先修正部分代码再运转我们会从下面的纪律中失掉如许一个公式：溢出笔墨的字数=正文的条数*2-1，这里的字数在中文或英文数字时都建立。

当溢出的笔墨字数年夜于文本的字数时，笔墨区块将会消散。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转申明：溢出的字数与正文的条数有关。

由1和2的测试得知：正文不要安排于2个浮动的区块之间。

办理办法：

1、不安排正文。最复杂、最快速的办理办法，嘿嘿……
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html</p>

HTML5草案的前身名为WebApplications1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。

只看该作者 · 发表于 2015-1-15 23:38:10

HTML5开发的网页文档类型极其简单，就够了，记得5年前还在反复跟团队强调使用XHTML那段冗长的文档类型声明.;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转2、正文不要安排于2个浮动的区块之间。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转3、将笔墨区块包括在新的<div></div>之间，如：<divstyle="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div>。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htm</p>

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。

只看该作者 · 发表于 2015-1-15 23:38:47

历经多年来的停滞不前，如今全球信息网联盟(WorldWideWebConsortium，W3C)重拾HTML标准化。lxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div></div></body></html>
提醒：您能够先修正部分代码再运转4、往除笔墨区块的流动宽度，与3有类似的地方。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>多了一只猪</title></head><body><divstyle="width:400px"><divstyle="float:left"></div><divstyle="float:right;">↓这就是多出来的那只猪</div></div></body></html>
提醒：您能够先修正部分代码再运转大概以上的剖析息争决办法有不到位大概禁绝确的中央，接待会商斧正</p>

上一页12345678

通过我们的HTML编辑器，您能够编辑HTML，然后点击按钮来查看结果。

只看该作者 · 发表于 2015-1-17 23:44:46

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

只看该作者 · 发表于 2015-1-26 12:39:02

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只看该作者 · 发表于 2015-2-4 19:52:29

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

只看该作者 · 发表于 2015-2-10 06:54:59

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-3-1 03:34:23

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-3-10 12:44:33

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

只看该作者 · 发表于 2015-3-17 07:31:11

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

只看该作者 · 发表于 2015-3-24 03:29:27

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

		自动登录	找回密码
密码			立即注册

[HTML5] 来讲讲：网页正文在IE中发生笔墨溢出

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子