行内元素和块级元素

本文深入探讨了HTML中的块级元素和行内块元素,包括常见类型如div、p、a、img等。重点阐述了两者的主要区别,如占用空间、宽度高度设置及换行行为。同时,介绍了如何通过display属性进行元素类型的转换,如将块级元素转为行内块元素或反之,以实现更灵活的页面布局设计。
摘要由CSDN通过智能技术生成

一、块级元素

	常见的有:div, p, h1,h2, h3, h4, h5, h6, br, ol, ul

二、行内块元素(内联元素)

	常见的有:a, span, strong, b, em, i, img, input, select, label,  script

三、两者之间的区别

	(1)块级元素独占一行,而行内块元素不占据一行。
    (2)块级元素可以设置高宽,而行内块元素不可以设置高宽。
	(3)块级元素不会主动换行,而行内块元素可以自动换行。

四、块级元素与行内块元素之间的转换

	(1)display:inline-block       //转换为行内块元素,可以设置高宽,与display:block区别是它在元素后不添加换行
	(2)display:inline        //转换为行内块元素
	(3)display:block          //转换为块级元素
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值