CSS样式——–行内,行内块,块元素个人总结

  • Post author:
  • Post category:其他


行内元素与块级元素属性的不同,主要是盒模型属性上:行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。

inline-block 的元素(如input、img)既具有 block 元素可以设置宽高的特性,同时又具有 inline 元素默认不换行的特性。inline-block 元素也可以设置 vertical-align(因为这个垂直对齐属性只对设置了

inline-block

的元素有效) 属性。


注意:HTML 中的换行符、空格符、制表符等合并为空白符,字体大小不为 0 的情况下,空白符自然占据一定的宽度,使用inline-block 会产生元素间的空隙。



版权声明:本文为wjs_1997原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。