width,height的问题,span中line-height和padding区别
2014-09-18 08:37
495 查看
div是块级元素,height尽量不要定义固定值,方便后续内容添加。width只对块元素起作用。
在父元素的width,height已经定义了的时候,子元素的width,height不一定需要明确定义:如果子元素是img,width和height是已经知道的,就无需再定义,但是,img在不写width,height时,加载时不占位。;如果子元素的左右填充都有,字体大小也有,而且是块级元素或者是列表项,则也无需定义width和height;... 。
<span>标签中的 line-height 属性,控制文字上下居中。实现文字上下居中,还可以使用padding属性,使用它的好处是多行时可以自动调整行高,而line-height在多行时,每行的高度则会以line-height的大小来进行设置,看起来每行都像是独立的行。
在父元素的width,height已经定义了的时候,子元素的width,height不一定需要明确定义:如果子元素是img,width和height是已经知道的,就无需再定义,但是,img在不写width,height时,加载时不占位。;如果子元素的左右填充都有,字体大小也有,而且是块级元素或者是列表项,则也无需定义width和height;... 。
<span>标签中的 line-height 属性,控制文字上下居中。实现文字上下居中,还可以使用padding属性,使用它的好处是多行时可以自动调整行高,而line-height在多行时,每行的高度则会以line-height的大小来进行设置,看起来每行都像是独立的行。
相关文章推荐
- 关于背景图相对父容器垂直居中问题 —— vertical-align 和 line-height 之间的区别
- height 用 padding, width 用 margin
- line-height使文本居中的3像素bug问题
- JS属性 ClientTop,scrollTop,offsetWidth,ClientWidth,clientLeft,padding,border,top,margin区别
- vb窗体left、top、width、height,scaleleft、scaletop、scalewidth、scaleheith区别。
- span标签css的width在IE中失效的问题
- VC问题:cin.get和cin.getline的区别?
- 关于Away3D4.0中Geometry无法动态赋值height、width、deep来改变几何体显示的问题
- 关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
- 关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
- canvas标签的width和height以及style.width和style.height的区别
- line-height 属性的继承问题
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- IE6不支持CSS中的min-width/height属性问题的解决方法
- 关于IE6下line-height属性失效问题
- 关于td的height和line-height兼容问题
- 解决IE6不支持CSS中的min-width/height属性问题
- line-height 属性的继承问题
- 转:IE6下的min-height,min-width,max-height,max-width问题
- canvas标签的width和height以及style.width和style.height的区别