内联元素与块元素!

  内联元素:span/a/p   设置width,height;margin,padding没有效果。 行内框:无论设置什么都是在一行内起效果。文字流到什么位置span标签就包括到那里。

  块元素:div/p/h/pre/form 盒子。

  写两个标签连起来,如果只占一行就是内联元素(图片),否则是块元素。

    dispaly:block  内联元素转化为块元素。

    display:inline  块元素转化为行内元素。

    display:none  不显示,其元素与子元素都不在显示。

  内联元素下方的空白问题?答:转换为块元素。再设置margin,padding。

  文字的行与行之间有行距,每行行距也相等。但是在最后一行,与后面的块状元素有一个明显的边距,这个边距是不能用css控制的。

  所以对于图片元素一些css reset会转换为块元素处理。img{ display:block;}。

基于thinkphp3.1.3的开发
原文地址:https://www.cnblogs.com/feng003/p/2994194.html