3-7 TD下嵌套无序列表的问题 请问无序列表如何左对齐
来源：3-10 作业题
Rainie丶
2018-03-02 11:49:25
这是我的图
这是预览图
这是我的 代码<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>慕课网</title>
</head>
<body>
<!--顶部 采用一行十列的表格形式-->
<div>
<table width="100%" height="85px" bgcolor="#e1f2f9">
<tr>
<!--第一列为logo图标-->
<td width="25%"><img src="images\logo.png" width="280px" height="80px"></td>
<!--第二列到第9列为导航-->
<td>学校概况</td>
<td>机构设置</td>
<td>师资队伍</td>
<td>科学研究</td>
<td>招生就业</td>
<td>图书馆</td>
<td>校长信箱</td>
<td>校园导航</td>
<!--第十列为快速通道-->
<td width="25%" align="center">快速通道<select><option>volvo</option></select></td>
</tr>
</table>
</div>
<!--banner图-->
<div><img src="images\banner.jpg" width="100%" height="400px"/></div>
<!--新闻区 采用四行三列的表格-->
<div>
<table align="center" border="1">
<tr>
<td><b>慕课快讯 基层风采 媒体聚焦 慕课视频 >></b></td>
<td><b>慕课快讯 基层风采 媒体聚焦 慕课视频 >></b></td>
<td></td>
</tr>
<tr>
<td>
<ul type="none" align="left">
<li>>慕课平台课程扩容 覆盖多个领域 12-30</li>
<li>>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</li>
<li>>台军演习“歼灭”解放军 专家：自欺欺人 12-30</li>
<li>>气象局停发霾预警？ 回应：正协商联合发布机制 12-30</li>
<li>>独家：小米影业解散宣发部门 宣布成立一年后刹车 12-30</li>
<li>>"哑巴群众"开口说话 是稿件有误还是新闻造假？ 12-30</li>
<li>>要置业，看看2017全球楼市掘金路线图 12-30</li>
<li>>王健林与房地产越来越远？贾跃亭与房地产越来越近 12-30</li>
</ul>
</td>
<td>
<ul type="none" align="left">
<li>>慕课平台课程扩容 覆盖多个领域 12-30</li>
<li>>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</li>
<li>>台军演习“歼灭”解放军 专家：自欺欺人 12-30</li>
<li>>气象局停发霾预警？ 回应：正协商联合发布机制 12-30</li>
<li>>独家：小米影业解散宣发部门 宣布成立一年后刹车 12-30</li>
<li>>"哑巴群众"开口说话 是稿件有误还是新闻造假？ 12-30</li>
<li>>要置业，看看2017全球楼市掘金路线图 12-30</li>
<li>>王健林与房地产越来越远？贾跃亭与房地产越来越近 12-30</li>
</ul>
</td>
<td><img src="images\weixin.png"/></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<!--页脚-->
<div></div>
</div>
</body>
</html>
2回答
-
好帮手慕糖
2018-03-02
你好，学习css之后也可以使用ul列表来实现。由于代码的灵活性，效果实现的方式不是唯一的，这里都可以哦。
祝学习愉快~
0 -
好帮手慕糖
2018-03-02
你好，这是由于元素自身的内外边距引起的，学到css的时候，可以使用padding:0;margin:0;属性去掉内外边距。这里可以尝试使用p标签来布局。
祝学习愉快~
0h018-03-02
相似问题