1. 爱易网页
  2. HTML教程
  3. HTML中的DTD有关问题，大侠

HTML中的DTD有关问题，大侠

日期：2014-05-17　 浏览次数：20659 次

HTML中的DTD问题，请教各位大侠
我写了一段HTML代码，没有加DTD之前，在IE8中显示很正常，但是加了DTD之后，在IE8中显示效果就有点错位，是什么原因啊，怎样让加了DTD之后的代码显示正常呢？
以下是我的HTML代码：
HTML code

<html>
<head>
<style type="text/css"> 
#first{width:350px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#second ul{list-style-type:none;}
</style>
</head>
<body>
 <div id="first">
  <ul>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
  </ul>
 </div>
 <div id="second">      
  <ul>   
      <li>[12.27]</li>
      <li>[12.27]</li>
      <li>[12.27]</li>
      <li>[12.27]</li>
  </ul>
 </div>
</body> 
</html>

以下是我的DTD声明：
HTML code

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">



------解决方案--------------------
#second ul{list-style-type:none;float:left;}
看看这样是不是你要的效果~
大家一起学习~
------解决方案--------------------
#first{width:350px;float:left;}
#first li{width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#second{float:left;}
#second ul{list-style-type:none;}

相关资料更多>

  1. 除了谷歌浏览器input及textarea表单边框特效
  2. dreamweaver 编辑网页后，保存时，提示访问被拒绝，这是什么原因？哪位高手知道？如何解决？多谢
  3. CSS Sprite引见和基本说明
  4. 完成多个WEB页面要接纳同一个表单的数据的功用
  5. 如何让div自适应内容的高度和宽度
  6. Chrome开发人职员具中的清理缓存
  7. 了解了XHTML2.0后，有感
  8. 做一个多项取舍界面，选择一项弹出一个新页面，选择完这一项之后，返回之前的html页面
  9. netbeans跟karma进行单元测试