请问下老师 中间的这个近期专栏怎么和上面的咨询对齐呢
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>作业</title> </head> <body> <table width="100%" cellspacing="0" border="1"> <tr bgcolor="#e1f2f9"> <td align="left"><img src="img_div/logo.png"></td> <td align="center">学校概况 机构设置 师资队伍 科学研究 招生就业 图书馆 校长信箱 校园导航</td> <td align="right">快速通道 <select name="way" id=""> <option value="官方微博">wb</option> <option value="网络资源">zy</option> <option value="官方微信">wx</option> </select> </td> </tr> <tr > <td colspan="3"> <img width="100%" src="img_div/banner.jpg" alt=""/> </td> </tr> <tr> <td colspan="3"> <table align="center" cellpadding="10px" border="1"> <tr > <td > <ul style="list-style:none"> <li><b>慕课快讯 基层采风 媒体聚焦 慕课视频 >></b></li> <li>> 11111111111111</li> <li>> 222222222222222222</li> <li>> 3333333333333333</li> <li>> 4444444444444444</li> <li>> 555555555555555555</li> <li>> 6666666666666666666</li> <li>> 77777777777777777</li> <li>> 8888888888888888888888</li> </ul> </td> <td > <ul style="list-style:none"> <li><b>慕课快讯 基层采风 媒体聚焦 慕课视频 >></b></li> <li>> aaaaaaaaaaa</li> <li>> bbbbbbbbbbb</li> <li>> ccccccccccccc</li> <li>> ddddddddddddddd</li> <li>> eeeeeeeeeeeeee</li> <li>> fffffffffffffff</li> <li>> gggggggggggggg</li> <li>> hhhhhhhhhhhhhhhhh</li> </ul> </td> <td> <img src="img_div/weixin.png" alt=""> </td> </tr> <tr align="left"> <td > 近期专题</td> </tr> <tr align="center"> <td > <img src="img_div/1.png" alt=""><br> <span>教育发展基金专题</span> </td> <td> <img src="img_div/2.png" alt=""><br> <span>教育发展基金专题</span> </td> <td> <img src="img_div/3.png" alt=""><br> <span>教育发展基金专题</span> </td> </tr> </table> </td> </tr> <tr bgcolor="#e1f2f9" align="center" height="40"> <td colspan="3"> 文化站点 信息服务 校友会 查询系统 教务管理系统 网络教学平台 咨询服务 acm/oj </td> </tr> <tr bgcolor="#89a9bd" align="center" height="80"> <td colspan="3"> Copyright @copy 2017 immoc.com </td> </tr> </table> </body> </html>
17
收起
正在回答
1回答
同学你好，是指如下所示区域，左侧文字对齐显示吗？
如果是这样的话，那么是因为新闻内容使用ul布局，虽然实现了效果，但是由于ul左右有默认的空白间距，导致无法与近期专题的文字对齐显示。目前我们还没有学习如何设置他们的样式，无法实现对齐，建议使用p标签替代ul实现效果。
另，因为近期专题与新闻区域在同一个表格下，列宽受到新闻区域列宽的影响，导致3个图片所在的列宽不一致，导致整体居中有误差。建议这个再嵌套一个表格，填充近期专题内容。
示例：
给表格添加固定宽度，如：1200px，结合align属性实现整体居中效果，然后将表格划分为两行三列。
第一行划分为三列，使用h3和p标签填充新闻内容，>符号可以使用>表示。
第二行嵌套一个表格填充近期专题内容，这个表格划分为两行三列，第一行填充标题，第二行使用img和p标签填充内容。
如果我回答帮助到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星