在ie浏览器中“近期专题”为什么没有与新闻区文字左对齐，而在其他浏览器中又会左对齐？
<!DOCTYPE html>
<html>
<head>
<title>慕课网</title>
<meta charset="utf-8">
</head>
<body>
<!-- 顶部导航 -->
<div>
<table bgcolor="#e1f2f9" width="100%">
<tr>
<td width="20%"><img src="素材/images/logo.png"/></td>
<td >学校概况 机构设置 师资队伍 科学研究 招生就业 图书馆 校长信箱 校园导航</td>
<td width="20%">
<form>
快速通道
<select>
<option>Volvo</option>
<option>aaaa</option>
</select>
</form>
</td>
</tr>
</table>
</div>
<!-- banner图 -->
<div>
<img src="素材/images/banner.jpg" width="100%" alt="banner图">
</div>
<!-- 新闻区 -->
<div>
<table >
<tr>
<!-- 新闻文字内容 -->
<td >
<dl >
<dt>
<h3> 慕课快讯 基层风采 媒体聚焦 慕课视频>></h3>
</dt>
<dd>>慕课平台课程扩容 涵盖多个领域 12-30</dd>
<br/>
<dd>>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</dd>
<br/>
<dd>>台军演戏“歼灭”解放军 专家：自欺欺人 12-30</dd>
<br/>
<dd>>气象局停发霾预警？回应：正协商联合发布机制 12-30</dd>
<br/>
<dd>>独家：小米影业解散直发部门 宣布成立一年后刹车 12-30</dd>
<br/>
<dd>>“哑巴群众”开口说话 是稿件有误还是新闻造假？ 12-30</dd>
<br/>
<dd>>要置业，看看2017全球楼市掘金路线图 12-30</dd>
<br/>
<dd>>王健林与房地产越来越远？贾跃亭与房地产越来越近 12-30</dd>
</dl>
</td>
<td>
<dl>
<dt>
<b><h3> 慕课快讯 基层风采 媒体聚焦 慕课视频>></h3></b>
</dt>
<dd>><font size="2">慕课平台课程扩容 涵盖多个领域 12-30</font></dd>
<br/>
<dd>>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</dd>
<br/>
<dd>>台军演戏“歼灭”解放军 专家：自欺欺人 12-30</dd>
<br/>
<dd>>气象局停发霾预警？回应：正协商联合发布机制 12-30</dd>
<br/>
<dd>>独家：小米影业解散直发部门 宣布成立一年后刹车 12-30</dd>
<br/>
<dd>>要置业，看看2017全球楼市掘金路线图 12-30</dd>
<br/>
<dd>>“哑巴群众”开口说话 是稿件有误还是新闻造假？ 12-30</dd>
<br/>
<dd>>王健林与房地产越来越远？贾跃亭与房地产越来越近 12-30</dd>
</dl>
</td>
<!-- 微信图片 -->
<td >
<img src="素材/images/weixin.png" width="240" height="183"/ alt="微信图片">
</td>
</tr>
</table>
</div>
<!-- 近期专题区 -->
<div>
<table >
<tr>
<td height="50px" colspan="3"> 近期专题</td>
</tr>
<tr>
<td width="35%" ><img src="素材/images/1.png" ></td>
<td width="18%" ><img src="素材/images/2.png" ></td>
<td width="35%" ><img src="素材/images/3.png" ></td>
</tr>
<tr>
<td>教育发展基金专题</td>
<td>教育发展基金专题</td>
<td>教育发展基金专题</td>
</tr>
</table>
</div>
<!-- 友情链接区 -->
<div>
<table width="100%" bgcolor="#e1f2f9">
<tr >
<td height="50px">文化站点 信息服务 校友会 OA系统 教务管理系统 网络教学平台 vpn服务 acm/oj 旧版入口 站群系统</td>
</tr>
</table>
</div>
<!-- 页脚区 -->
<div>
<table width="100%" bgcolor="#89A9BD" height="50px">
<tr>
<td valign="middle">Copyright © imooc.com All Rights reserved | 京ICP备 13046642号-2</td>
</tr>
</table>
</div>
</body>
</html>
正在回答
你好同学 ,老师在其他浏览器中测试 , 近期专题与新闻区域也没有对齐 ,如下:
这是因为新闻列表使用dd布局会有默认的间距 , 建议同学去掉dl ,dd布局直接使用td表格布局即可 ,并为表格设置宽度和居中显示 , 可参考如下:
近期专题图片与图片之间间距不一样 ,如下:
参考如下:
另外 ,尾部与友情链接文字也要设置居中显示 .
祝学习愉快 ,望采纳 .
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星