html链接中的列

html链接中的列,html,css,multiple-columns,Html,Css,Multiple Columns,我试图在html链接中放置几列(因此当我将鼠标悬停在链接上时,它会选择整行)。我有点像: <a><span style="width: 400px">test</span> <span style="left:400px">-ing</span></a> test-ing 但这对我不起作用。这可能吗?如果是,我该怎么做?谢谢 我想这就是你想要的 <a><span style="width: 400px;

我试图在html链接中放置几列(因此当我将鼠标悬停在链接上时,它会选择整行)。我有点像:

<a><span style="width: 400px">test</span> <span style="left:400px">-ing</span></a>
test-ing

但这对我不起作用。这可能吗?如果是,我该怎么做?谢谢

我想这就是你想要的

<a><span style="width: 400px; display: inline-block;">test</span> <span style="display: inline-block;">-ing</span></a>
test-ing

span
默认显示为
inline
,因此不能有
宽度<代码>显示:内联块
f.e.修复了该问题。只有当
位置
不是默认的
静态
时,
才能工作(但如果您让元素保持正常流动,则不需要定位)。一般来说,您应该学习一些CSS基础知识。