前端学习之html行内元素和块元素

首先说说行内元素(内联元素),行内元素只能显示在一行内,它不会因为一行放不下而进行换行。如:span就是一个行内元素。宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变,就是里面文字或图片的大小;

块元素与行内元素相反,一个块元素会自动在新的一行开始。如:h1,p都是块元素。宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;

通过css我们可以改变元素是块元素还是行内元素:

1. display: block;

2. display: inline;

3. display: inline-block;

行内元素列表

b, big, i, small, tt
abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
a, bdo, br, img, map, object, q, script, span, sub, sup
button, input, label, select, textarea

块元素列表

address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li

评论

  • 还没有任何评论,来说两句吧。

  • 0%