有办法使<dt>标签中的图片与<dd>标签中的文字居中对齐吗?

来源:3-10 作业题

慕桂英2021900

2019-07-06 09:01:10

                <!-- 专题链接 -->
                <table border="0" align="center" width="80%">
                    <tr>
                        <td colspan="3"><p>近期专题</p></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <dl>
                                <dt ><img src="images/1.png" alt="教育发展基金专题"></dt>
                                <dd >教育发展基金专题</dd>
                            </dl>
                        </td>
                        <td align="center">
                            <dl>
                                <dt ><img src="images/2.png" alt="教育发展基金专题"></dt>
                                <dd >教育发展基金专题</dd>
                            </dl>
                        </td>
                        <td align="center">
                            <dl>
                                <dt ><img src="images/3.png" alt="教育发展基金专题"></dt>
                                <dd >教育发展基金专题</dd>
                            </dl>
                        </td>
                    </tr>
                </table>


http://img.mukewang.com/climg/5d1ff2d000019b1b14440370.jpg

写回答

1回答

好帮手慕星星

2019-07-06

同学你好,没有居中对齐显示是因为dd标签有默认的左边距:

http://img.mukewang.com/climg/5d2018bb0001b5e504470140.jpg

目前没有学习css,无法去除左边距,可以不使用列表,直接填充图片和文字,参考:

http://img.mukewang.com/climg/5d2019370001096207410339.jpg

可以重新测试下,祝学习愉快!

1

0 学习 · 40143 问题

查看课程