zoukankan      html  css  js  c++  java
  • 使用overflow:hidden之后使的同行元素不对齐

    一个父元素(块级元素)中有几个在同一水平线上的几个元素(行内块元素),设置其中某个元素的oveflow:hidden之后,会导致这几个行内元素不再是同一水平线上对齐

    原因是:

    1)行内元素的默认vertical-align:baseline(基线对齐),设置overflow不为visible之后会改变他的基线为下边距边缘

    2)其他行内元素为了对齐,就会发生向下偏移的现象

    解决方案:

    方案一)显示设置行内元素对齐方式,em: vertical-align:top

    方案二)设置其他元素都为overflow:hidden

    方案三)设置元素float

  • 相关阅读:
    三维聚源
    js--继承
    1.名字忘了
    html5--画布
    Html批量读取json
    get获取Json
    5-jQuery
    Sublime Text
    Redis,JedisPool工具类
    向指定url发送Get/Post请求
  • 原文地址:https://www.cnblogs.com/evaling/p/10702095.html
Copyright © 2011-2022 走看看