gpt4 book ai didi

html - 我们可以给 li 分配宽度吗

转载 作者:技术小花猫 更新时间:2023-10-29 12:22:45 25 4
gpt4 key购买 nike

我有以下带有 UL 和 LI 的 html 页面,我尝试为每个 LI 分配宽度但看不到成功

   <html>
<head>
<style type="text/css">

ul
{
overflow-x:hidden;
white-space:nowrap;
height: 1em;
width: 100%;
}

li
{
display:inline;
padding-right:10px;
}
</style>
</head>
<body>

<ul>
<li style="width:100px">abcdefghijklmonpqrstuvwxyz</li>
<li>abcdefghijklmonpqrstuvwxyz</li>
<li>abcdefghijklmonpqrstuvwxyz</li>
<li>abcdefghijklmonpqrstuvwxyz</li>
<li>abcdefghijklmonpqrstuvwxyz</li>
<li>abcdefghijklmonpqrstuvwxyz</li>
<li>abcdefghijklmonpqrstuvwxyz</li>
</ul>

</body>
</html>

因为我的每一个 LI 都有不同的宽度。

谢谢

最佳答案

尝试用 display:inline-block 替换你的 display:inline

关于html - 我们可以给 li 分配宽度吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2699694/

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