我有以下html标记:

<a href="">First Link</a> / <a href="">Second Link</a> / <a href="">Third Link</a>

我希望它显示为:

First Link / Second Link / Third Link

但我得到的是:

First Link
/
Second Link
/
Third Link

而且链接可以在其所在行的任何位置单击.我该怎么修?

推荐答案

常规锚定标记是内联元素.您必须判断CSS中是否已经全局地为块元素分配了锚.a { display: block;}

要快速修复:

a {
 display: block;
}
.anchor-regular a {
  display: inline;
}
<a href="">test block </a> <a href="">test block</a>
<div class="anchor-regular">
<a href="">First Link</a> / <a href="">Second Link</a> / <a href="">Third Link</a>
</div>

Html相关问答推荐

html中背景色的全单元格R中的Rmarkdown表

每次在视口中运行动画

在将DevExtreme升级到版本23.2之后,到处都会生成一个Pesudo类,我在其中使用了<;DXi-Item Title=&Quot;&Quot;>;

我怎样才能有一个div,在其中放置一个消息,打破和不go 的div?

使用CSS Flexbox时,我的图像未对齐

文本css后面未显示背景 colored颜色

Chrome浏览器错误:上的主题验证判断https://pagead2.googlesyndication.com/失败

rvest: Select 不包含链接的段落(<;p>;)

CSS 伪类 Select 器未按预期工作

添加带有悬停动画的喜欢图标

如何保持块扩展以填充视口?

按钮位于主 div 的底部而不是内部 Div

CSS Grid 布局:1 大图和 3 小图

如何正确地嵌套Flexbox

如何调整网格中单元格的高度?

重点/主动输入的概述问题

使用 sprite 的问题,字符 sprite 中的额外边距

如何使用 css 将图像变成黑色并使文本出现在悬停时?

如何使具有两个元素的 div 行在移动设备中响应

将固定/绝对伪元素放置在相对 div(具有滚动条)内,始终位于底部