stylesheet

INLINE-BLOCK

常用的默认 display 值为 inline-block 的元素有 img 。应该没有别的常用的了。 inline-block 特点:被设定的对象的内容以 block 方式显示,但呈现形式以 inline 方式。换句话说,除了显示上在同一行,元素被当成 inline 来处理外, block 有的它全有。 inline-block 的一些特点以及一些特殊的点: 拥有完整的盒模型,但不会默认占一整行 当一个空元素设置成 inline-block 或是 img 元素时,默认的 baseline

  • aco
    aco
3 min read
stylesheet

CSS INLINE 的一些特点以及需要注意的点

支持样式: 这里仅仅讨论不会改变元素类型的属性 content : 内容的高度 font : 支持 line-height : 多行有效,但是上下会缺,用js获取元素高度会比显示少一点,也就是第一行文字的上面和最后一行文字的下边不计算在元素大小内,但显示上算进去了。 margin/padding : 显示上仅在左右有效,上下设置多少都没用,但用js获取或是设置背景时会包括 padding background : 会包括padding(这点应该是正常现象),但显示上由于 padding 的特殊性显示上感觉异常 border : 和background同理在padding外显示 (min-/max-)height/(min-/max-)width : 无效

  • aco
    aco
2 min read