css - 怎么解决在li中的a标签会下移几个像素、但margin、padding都已经设为0

问题描述

问 题

这是li元素的范围

这是a元素的范围

这是我的代码部分
li的class为editor-tools

.markdown {
    .tools {
        border: $markdownBorder;
        border-radius: $markdownRadius $markdownRadius 0px 0px;
    }

    .preview, {
        padding: 0px 20px;
    }

    .editor {
        padding: 0px;
        textarea {
            padding: 10px 20px;
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 0px 0px 0px $markdownRadius;
            resize: none;
            outline: none;
            background-color: #fff;
            font-size: 16px;
        }
    }

    ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        overflow: hidden;

        a {
            margin: 0px 10px 0px 0px;
            padding: 8px;
            font-size: 14px;
            color: $markdownColor;
            text-decoration: none;
        }

        a:hover {
            color: #20B2AA;
            background-color: #ddd;
        }

        .editor-tools {
            margin: 0px;
            padding: 0px;
            float: left;
        }

        .editor-mode {
            margin: 0px;
            padding: 0px;
            float: right;
        }
    }
}

解决方案

a 增加一个vertical-align:top试试
还有里面的图片也增加一个这个属性

这篇关于css - 怎么解决在li中的a标签会下移几个像素、但margin、padding都已经设为0的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！