您现在的位置是:首页 > 正文

解决HTML中换行会出现间隙问题

2024-04-01 03:59:24阅读 5

源代码中连续几个行内元素中的换行在浏览器中会被解释为一个空格,空格和回车都会被显示为一个3px的空格。

例如:

<div class="content">
        <a href="#">小米网</a>
        <a href="#">MIUI</a>
</div>

效果如图:

(此时小米网和MIUI之间有一个小空格
在这里插入图片描述

解决办法:

方法一、

在换行处父级标签加css: {font-size:0}; 这样换行后就不会有空格出现.
css:

.content{
    font-size: 0;
}
方法二、

使用浮动:
css:

  a{
            float: left;
        }
方法三、

采用flex布局,直接消除默认浮动
css:

  .content{
         display: flex;
     }

效果图:

在这里插入图片描述

网站文章

  • 嵌入式web项目框架解读

    项目框架敬上!!!本期主要分享的是使用网页控制硬件的流程,主要是梳理了整个项目的基本框架,项目内容相对来讲比较单一,后续会逐步添加功能;

    2024-04-01 03:58:45
  • 关于implementation ‘com.android.support:appcompat-v7:28.0.0-alpha运行报错

    关于implementation ‘com.android.support:appcompat-v7:28.0.0-alpha运行报错

    今天导入了一个module,并且让项目关联了这个module,发现运行工程的时候死活运行不起来,最后发现运行的报了一个Android dependency 'com.android.support:s...

    2024-04-01 03:58:37
  • linux应用程序使用系统命令点亮LED

    将字符串输出重定向,当前目录没有 test.txt,则创建 text.txt ,并将字符串输出到test.txt 文件中。和直接使用 vi 编辑器打开 test.txt 然后输入 hello 的效果是一样的。在应用程序中,我们可以使用system 函数来调用命令。

    2024-04-01 03:57:54
  • Personal access tokens (classic)与Fine-grained personal access tokens Beta区别

    Personal access tokens (classic)与Fine-grained personal access tokens Beta区别

    GitHub 目前支持两种类型的 personal access token:fine-grained personal access token 和 personal access tokens (...

    2024-04-01 03:57:45
  • 1029-除法求值

    1029-除法求值

    题目如下给你一个变量对数组 equations 和一个实数值数组 values 作为已知条件,其中 equations[i] = [Ai, Bi] 和 values[i] 共同表示等式 Ai / Bi...

    2024-04-01 03:57:37
  • 【蓝桥杯每日一练:数列排序】

    问题描述 给定一个长度为n的数列,将这个数列按从小到大的顺序排列。1&lt;=n&lt;=200输入格式 第一行为一个整数n。 第二行包含n个整数,为待排序的数,每个整数的绝对值小于10000。输出格式: 输出一行,按从小到大的顺序输出排序后的数列。 ...

    2024-04-01 03:56:56
  • 简洁精美源于分析透彻,构思明确、求精,逻辑练达。(1)

    /*用户输入100~999999范围之内的任意数(如果不是此范围,则报错),判断是否是自方幂数,用户可以反复输入判断直到不需要为止。自方幂数: 一个n位正整数如果等于它的n个数字的n次方和,该数称为n位自方幂数 123=1的3次方+2的3次方+3的3次方?*/ int 范围 = 10, 位 = 位数(范围), 和 = 0, 判断 = 范围; do { 和 += 乘方(判断 % 10,

    2024-04-01 03:56:47
  • 651. 4键键盘(动态规划)

    651. 4键键盘(动态规划)

    651. 4键键盘题目解题思路代码 题目 假设你有一个特殊的键盘包含下面的按键: Key 1: (A):在屏幕上打印一个 &#39;A&#39;。 Key 2: (Ctrl-A):选中整个屏幕。 Ke...

    2024-04-01 03:56:41
  • 深度解析ngx_command_t结构

    因为HTTP框架可以使用预设的14种方法自动 地将解析出的配置项写入HTTP模块代码定义的结构体中,但HTTP模块中可能会定义3个结 构体,分别用于存储main、srv、loc级别的配置项(对应于cr...

    2024-04-01 03:56:35
  • 性能调优11:查询统计

    数据库引擎的工作流程可以归纳为接收请求、执行请求和返回结果。数据库引擎每接收到一个新的查询请求(Query Request),查询优化器就会执行以下工作流程:编译请求:对TSQL语句进行语法解析,编译请求,生成TSQL语句表示的逻辑结构。查询优化:根据TSQL语句的逻辑结构,生成多个预估的执行方案,并根据统计信息,评估每个预估方案的开销,选择开销最低的方案作为最优方案。执...

    2024-04-01 03:55:54