zoukankan      html  css  js  c++  java
  • 垂直对齐vertical-align

    
    
    <body>
        <img src="显示和隐藏/tu.png" alt="">
        图片和文字是默认基线(baseline)对齐,这样会导致图片下方出现3px的空隙,
    解决方法是使用其他的对齐方式,比如middle,top等等,
    vertical-align大多是行内块和文字的对齐方式,比如img和input
    </body>

    1、图片和文字是默认基线(baseline)对齐,这样会导致图片下方出现3px的空隙


    2、解决方法是使用其他的对齐方式,比如middle,top等等

    <style>
             img{
                 vertical-align: top;
                 vertical-align: middle;
             }

    3、使用浮动使文字环绕似乎更美观

    <style>
             img{
                 float: left;
             }

    注意:vertical-align大多是行内块和文字的对齐方式,比如img和input

  • 相关阅读:
    模块3 re + 正则表达式
    模块2
    模块1
    super
    MRO,C3算法
    日志,固定格式
    异常处理,MD5
    类的约束
    反射
    异常处理MR5
  • 原文地址:https://www.cnblogs.com/EricZLin/p/8778984.html
Copyright © 2011-2022 走看看