类别:htmlcss / 日期:2023-02-06 / 浏览:260 / 评论:0

(1)block:会独占一行,多个元素会另起一行,可以设置 width、 height、margin 和 padding 属性; 

(2)inline:元素不会独占一行,设置 width、height 属性无效。 但可以设置水平方向的 margin 和 padding 属性,不能设置垂直方向 的 padding 和 margin; 

(3)inline-block:将对象设置为 inline 对象,但对象的内容作为 block 对象呈现,之后的内联对象会被排列在同一行内。 对于行内元素和块级元素,其特点如下: 

(1)行内元素

设置宽高无效; 

可以设置水平方向的 margin 和 padding 属性,不能设置垂直方向的 padding 和 margin; 

不会自动换行;

(2)块级元素 

可以设置宽高; 

设置 margin 和 padding 都有效; 

可以自动换行; 

多个块状,默认排列从上到下。

版权声明 : 本文未使用任何知识共享协议授权,您可以任何形式自由转载或使用。

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。

«    2023年11月    »
12345
6789101112
13141516171819
20212223242526
27282930

最新留言