江西广告网

标题: web标准常见问题集合 [打印本页]
作者: anchen    时间: 2007-3-19 10:27
标题: web标准常见问题集合
列举了一些常见，新手经常问的问题。举例并说明解决方法。 1.超链接访问过后hover样式就不出现的问题
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  3. <style type="text/css">
  4. <!--
  5. a:link {
  6. color:red
  7. }
  8. a:hover {
  9. color:blue
  10. }
  11. a:visited {
  12. color:green
  13. }
  14. a:active {
  15. color:orange
  16. }
  17. -->
  18. </style>
  19. <a href="#">
  20. web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全
  21. </a>
复制代码
被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A 2.FF下如何使连续长字段自动换行
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  3. <style type="text/css">
  4. <!--
  5. div {
  6. width:300px;
  7. word-wrap:break-word;
  8. border:1px solid red;
  9. }
  10. -->
  11. </style>
  13. <div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
  14. <script type="text/javascript">
  15. /* <![CDATA[ */
  16. function toBreakWord(intLen){
  17. var obj=document.getElementById("ff");
  18. var strContent=obj.innerHTML;
  19. var strTemp="";
  20. while(strContent.length>intLen){
  21. strTemp+=strContent.substr(0,intLen)+"&#10;";
  22. strContent=strContent.substr(intLen,strContent.length);
  23. }
  24. strTemp+="&#10;"+strContent;
  25. obj.innerHTML=strTemp;
  26. }
  27. if(document.getElementById && !document.all) toBreakWord(37)
  28. /* ]]> */
  29. </script>
复制代码
 众所周知IE中直接使用 word-wrap:break-word 就可以了, 这里FF中我们使用JS插入 的方法来解决 3.ff下为什么父容器的高度不能自适应
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  3. <style type="text/css">
  4. <!--
  5. div {
  6. width:200px;
  7. border:1px solid red
  8. }
  9. p {
  10. float:left;
  11. width:100px;
  12. }
  13. -->
  14. </style>
  15. <div><p>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</p></div>
复制代码
为什么这个P撑不开DIV呢？解决的办法是在div 与 p 之间插入
清除掉这个p的浮动



欢迎光临 江西广告网 (http://bbs.jxadw.com/) Powered by Discuz! X3.2