gpt4 book ai didi

html - li inline 上的 css 宽度不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 14:01:33 25 4
gpt4 key购买 nike

我正在尝试调整所有 <li> 的宽度元素 200 像素宽,但它似乎占用了文本的确切宽度。

 #m_home_main_links li {
display: inline;
list-style-type: none;
margin: 1%;
text-align: center;
background-color: orange;
color: #198eff;
width: 200px;
}
<div id="m_home_main_links">
<ul>
<a href="/">
<li>mp3</li>
</a>
<a href="/">
<li>videos</li>
</a>
<a href="/">
<li>categories</li>
</a>
</ul>
</div>

最佳答案

你需要制作 li display: inline-block 让它们尊重宽度设置并且仍然表现得像内联元素:

#m_home_main_links li {
display: inline-block;
list-style-type: none;
margin: 1%;
text-align: center;
background-color: orange;
color: #198eff;
width: 200px;
}

关于html - li inline 上的 css 宽度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31464682/

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