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

    一、垂直对齐方式{vertical-align:middle/top/bottom;}

      <img>垂直对齐方式:1)给自身加vertical-align;再设置line-height即可;

                注意:img会受文字影响自带行高需加font-size:0;去除影响;

                2)给img标签设置参照物,也就是在同级内添加一个空标签,将其空标签高度设置为父元素高度(height:100%;),再给自身加vertical-align;

                3)将img的父元素转换成table-cell(display:table-cell;),直接给img加vertical-align;

                注意:父元素转成table-cell,margin和padding将不再对其元素产生作用。

      其他内联元素垂直对齐:将内联元素转为行内块元素(display:inline-block;)再如上img操作即可。

    Why do you work so hard? Because the things I want to buy are expensive and the places I want to go are far away. The person I like is very excellent.
  • 相关阅读:
    键盘移动小div(js原生)
    递归好理解,可是不好用啊
    jsonp
    闭包
    json
    来个小例子(ajax)
    ajax小demo
    制作H5响应式页面注意事项、微信二次分享
    Button按钮--inject与provide
    webpack基本打包配置流程
  • 原文地址:https://www.cnblogs.com/liufuyuan/p/10210882.html
Copyright © 2011-2022 走看看