zoukankan      html  css  js  c++  java
  • 解决a标签下的image元素下方的空白

    因为欧洲人对于英文字母的gqp等带有小尾巴的字母的写入需求,会有一条baseline用于字母主体写入,比如abcdefghijk等字母,仔细观察会发现它们之中有一条隐藏的线将字母的主体水平对齐,gh这类字母对比a虽然一个向上超出,一个向下超出,但它们的字母主体是水平对齐的,在a字母的下方就是这条水平线,叫baseline。写过英文字帖的都知道英文文本有四条线进行规范,从上往下第三条线就是它的baseline。第四条线是bottom,第一条线是top。

    对于解决a标签下的image元素的空白:

    1.设置a标签下的img元素的vertical-align属性设置为bottom。

    2.设置a标签为display为block,img元素的display为block,使其遵从盒子的原则。(注意两个都要添加这个属性)

    3.设置a标签的font-size为0。(因为a标签本就是用于作为文字的包裹的元素)(推荐)

  • 相关阅读:
    DTDebug的使用
    金字塔原理
    C/C++ 加快项目编译速度
    C/C++ C++11 enum class
    微信公众平台 第三方平台
    Protobuf根据.proto文件在运行期生成message
    工具 Bazel
    计算机网络 OAuth
    计算机网络 WebSocket
    C/C++ 函数默认参数
  • 原文地址:https://www.cnblogs.com/Syinho/p/12262179.html
Copyright © 2011-2022 走看看