html中内联元素排列对齐原理,html标签中的内联元素(行内元素)详解

  • Post author:
  • Post category:其他


html内联元素,也叫行内元素,相邻的多个内联元素是水平横向排列显示在同一行,其宽度随内容的变化而变化,在同一行显示多个内容,就可以使用内联元素来实现,这样就不需要将块级元素设置为浮动或绝对定位也能在一行水平横向排列内容了。

内联元素的概念

内联元素,是一类前后没有换行符,且相邻前后的元素都在同一行中显示,他们是从左至右有序的排列在一行,所以,每个内联元素不会单独占据一行,

内联元素,还有行内元素,内嵌元素等不同的叫法;

内联元素可以设置标签的CSS样式属性display:inline将内联元素变成块状元素;

内联元素有哪些

html标签中的内联元素有:title、span、br、a、style、em、b、i、strong、pcdata、tt、big、small、dfn、code、samp、kbd、var、cite、abbr、acronym、object、script、map、q、sub、bdo;

内联元素的特点

内联元素不支持宽和高,但设置外边距margin和内边距padding时,只在水平方向有效,上下方向无效。

1、每个内联元素和其它内联元素都在一行上,直到同一行排不下,才会重新换一行,或使用br标签才能换行;

2、内联元素一般放文字、图片以及其他内联元素;

3、内联元素不能放块状元素,但块状元素内可以放内联元素;

4、内联元素设置宽(width)和高(height)是无效的,因内联元素的宽高是随其内容宽度的大小而变化的;当内联元素中存在文本时,其高度由