美文网首页
当一个标签转换成行内元素是否有间距

当一个标签转换成行内元素是否有间距

作者: 九天懒猫 | 来源:发表于2022-11-26 01:29 被阅读0次

所有的标签在转换成为行内标签时候,是否会有上下间距或者左右间距?

1-测试标签名称

span,div,b,strong,i,em,s,del,u,ins,small,big,sub,sup

2-测试原因

查看浏览器显示标签转成行内元素时,标签内文字或字母是否存在间距

3-目的

记录特殊性

4-代码截图

4-1先复制了上次的代码,删除不用的类选择器;

4-2 赋值标签,并且复制四个标签,方便对比;

4-3 浏览器显示对比状态

结论1:标签span,div,b,s,i,em,s,del,u,ins,big,没有左右和上下间距,

small,sub,sup,这三个标签有上下间距没有左右间距 ;

其中,small标签的间距较小,sub和sup的间距相对较大;

4-4 字母,数字,汉字为内容时会不会有变化?

浏览器显示:

结论2,给每个标签加入加入数字,汉字后,标签没有变化;加入汉字后上下间距也没有变化。

(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)

相关文章

  • CSS学习笔记2 元素、行高、三大特性、背景

    1. 块级元素 和 行内元素 和 行内块元素 HTML标签一般分为块标签和行内标签两种类型,它们也称为块元素和行内...

  • 标签类型

    前言 html标签有很多种类型,这里做一个梳理。 闭合标签,自闭合标签 块级元素,行内元素,行内块元素 可替换元素...

  • 居中

    水平居中 是否为行内元素 是否为块级元素 是否有多个块级元素 垂直居中 是否为行内元素 一个 可以设置上下相等的p...

  • 12.行内元素

    1.行内元素 1.上下间距:i,em,img2.行内元素:a span em i b strong3.行内...

  • 去除行内元素默认间距

    去除行内元素默认间距: 原因:回车键占位解决:父级元素去除字体间距以及字体大小

  • HTML中块级元素和行内元素

    HTML标签CSS盒模型块级元素和行内元素的定义块级元素和行内元素的分类 1、 HTML标签 html标签定义: ...

  • Web学习笔记

    文本标签 列表标签 元素(标签)的分类 1、块级元素:独占一行 2、行内元素:和其他行内元素共占一行斜体:em ...

  • HTML学习

    块级元素有 、 、 ,以及列表标签 、 、 、 、 、 行内元素有 、 、以及文本格式化标签 、 、 、 行内块元...

  • 05-标签类型_浮动_定位

    一.标签类型 1.标签样式初始化 2.块元素和行内元素 3.常见块元素 4.常见行内元素 5.行内块元素 6.块和...

  • css基础03- 标签显示模式

    标签显示模式 HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素 块级元素 每个块元素通常都会...

网友评论

      本文标题:当一个标签转换成行内元素是否有间距

      本文链接:https://www.haomeiwen.com/subject/adwqfdtx.html