【Web 前端】元素分类>> 2021-12-12 Web自学 元素分类 块状元素 ~<6> 内联元素 【【Web 前端】元素分类>>】内联块状元素 详解： >>块级元素 设置display:block将元素显示为块级元素 举个例子a{display:block; } 将行内元素a转换为块级元素，使a元素有块级元素的特点 >>>特点：每个块级元素都从新的一行开始，其后元素另起一行； 元素宽度、高度、行宽、底和顶边距都可以设置、 元素宽度在不设置的情况下，是它本身父容器的100%； 例子 内联块状元素 - 锐客网div,p,h1{background:pink; } hahahha div1 div2段落1段落1段落1段落1段落1 显示： hahahha div1 div2 段落1段落1段落1段落1段落1 >>行内元素 块状元素可以由代码display:inline设置为行内元素 >>>特点: 1、和其他元素在一行上 2、高度、宽度、行高、顶部底部边距不可以设置 3、元素宽度是它包含的文字和图片的宽度，不可以改变 行内元素之间会产生间隙bug问题的场景： 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。 如下代码： 1 2 33333 44444 555555 解决方法： 1、写在一行，之间不要有空格之类的符号。 123333344444555555 2、使用font-size:0 div{font-size:0; } a,span,em{font-size:16px; } 内联块状元素 display :inline:block; >>特点： 1、和其他元素在同一行上 2、元素高度、宽度、行高、顶底间距可以设置 内联块状元素 - 锐客网a{ display：inline-block； width:20px; /*在默认情况下宽度不起作用*/ height:20px; /*在默认情况下高度不起作用*/ background:pink; /*设置背景颜色为粉色*/ text-align:center; /*设置文本居中显示*/ } 1 2 3 4 推荐阅读 智慧保险的快速发展,未来的保险公司将是什么模样呢？ 获取oss的pdf文件，返回文件输出流 2023重庆涪陵3月赏花时间+地点 涪陵的花 wnda是什么轮胎 wnda是什么轮胎里面有一层胶 时光与岁月优美短句 关于时光岁月的唯美句子 mysql怎么设置字段默认值为0 mysql设置字段为小时 魔兽世界桃乐豆详细介绍 食色,性也究竟是什么意思 食色性也是什么意思 什么材质的行李箱好一点 什么材质的行李箱好 华为网盘会被和谐吗,华为网盘有什么用？ 成都徒步旅行～懒鱼第四天作业 关系胜于一切，关系就是温暖 g三星 Galaxy S22 / S22 +图赏：老设计焕发新感觉 北京医保提到4000北京医保提到4000的原因（北京医保提到4000北京医保 文字代码生成器，谁有日志彩字生成代码器 在网店转让平台上如何让自己的店铺快速出售？有哪些小技巧？ 十七岁，我曾有一个朋友 潇潇雨歇是什么意思 潇潇雨歇解释 四轴数控车床怎么编程，请大师教教我这个用四轴怎么编程 怎么判断水果是否有毒
