Html中发现a标签包含一个img标签，对齐方式没有居中问题

最新推荐文章于 2023-10-24 17:39:20 发布

原创

最新推荐文章于 2023-10-24 17:39:20 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #对齐方式 #居中 #a标签 #img

本文主要描述了一位后端开发者在制作HTML页面时遇到a标签包含img标签后对齐方式不居中的问题，经过研究最终成功解决。内容还提及了博主经营的网店，提供专业墙纸等厨房装饰品，鼓励读者访问增加访问量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己一直是搞后端开发的，偶然接手一个项目，自己制作了一个比较简单的html页面，发现了一个问题，a标签包含img标签后，对齐方式改变了，纳闷了许久，最终还是解决了。

<html>
    <head>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            ul{
                list-style: none;
            }
            ul li{
                float: left;
                width: 200px;
                margin-left: 100px;
                margin-top: 70px;
            }
            .banner{
                width: 100%;
                height: 100px;
                background-color: #DC483A;
            }
            .bannerOpt{
                padding-top: 50px;
                padding-right: 20px;
            }
            .bannerOpt a