用dl标签是这么做吗,我这么做怎样把介绍和其他的对齐

来源:3-9 项目作业

加油218

2021-06-05 23:37:50

相关截图:
http://img.mukewang.com/climg/60bb9a4d08687da915001117.jpg

相关截图:
http://img.mukewang.com/climg/60bb9a4d08815fd715011656.jpg

代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="content">
        <h2>专家介绍</h2>
        <div>
            <img src="小慕医生/images/lilin.png" alt="">
        </div>
        <dl>
            <dt>姓名:黄慈波</dt>
            <dt>科室:肿瘤内科</dt>
            <dt>职称:主任医生</dt>
            <dd>介绍:教授主任医师研究生导师卫生部北京医院风湿免疫科主任,北京大学医学部风湿免疫系副主任;海峡两岸医师交流协会风湿免疫……</dd>
        </dl>
    </div>
</body>
</html>

写回答

2回答

好帮手慕星星

2021-06-06

同学你好,不能对齐是因为dd标签默认有左侧间距40px

http://img.mukewang.com/climg/60bc33d8091fc1c503340180.jpg

目前没有学习css,无法去掉间隙,这样写就可以,没问题。

或者都修改为dt标签

http://img.mukewang.com/climg/60bc35970977066714550106.jpg

祝学习愉快!

0

加油218

提问者

2021-06-06

http://img.mukewang.com/climg/60bc28490896b42c15001504.jpg

12345

0

0 学习 · 17877 问题

查看课程