当前位置: 代码迷 >> 综合 >> 元素的显示模式:块元素、行内元素
  详细解决方案

元素的显示模式:块元素、行内元素

热度:0   发布时间:2024-02-07 21:35:43.0

元素的显示模式:元素(标签)以什么方式进行显示的

1. 块元素

独占一行、宽度高度外边距内边距都可以设置、【宽度】默认是父容器宽度100%

文字类的元素内不能使用块元素:p、h1~h6

2. 行元素(内联元素)

一行上可以显示多个、宽高设置都是无效的、默认宽度就是本身的宽度、行内元素只能收纳文本或其他行内元素

a链接里不能再放链接

a链接里可以放块级元素,但是给a转换成块级模式是最安全的

3. 行内块元素

img、input、td同时具有块元素和行内元素的特点

和相邻行内元素(行内块元素)可以放在一行上,但是他们之间会有空隙

默认宽度就是本身的宽度

宽度高度外边距内边距都可以设置

 

元素显示模式的转变

display:block / inline / inline-block

  相关解决方案