gpt4 book ai didi

html - 在具有固定 HTML 结构的内联列表之后有一个链接

转载 作者:行者123 更新时间:2023-11-28 03:20:05 26 4
gpt4 key购买 nike

大家好

我有我无法更改的 HTML 结构:

<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>...</li>
</ul>
<a href="#">more</a>
</div>

我们的想法是在不使用 javascript 的情况下在最后一个“li”之后拥有链接。

这是我想做的:

inline blocks

这里是 the starter kit with Codepen .

最佳答案

一切正常

  <!DOCTYPE html >
<html >
<head>

<style>
ul li
{
float:left;
display:inline-block;
width:40px;
background-color:#FFC0CB;
margin-right:5px;
margin-bottom:5px;
height:40px;
}
a
{
float:left;
display:inline-block;
background-color:#800080;
height:40px;
color:white;
width:40px;
vertical-align:middle;
}
div ul
{
width:120px;
}
</style>
</head>


<body>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>...</li>
</ul>
<a href="#">more</a>
</div>
</body>
</html>

希望对您有所帮助!

关于html - 在具有固定 HTML 结构的内联列表之后有一个链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24950703/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com