<分区>
为 <li>
设置宽度标签不工作。宽度根据 <li>
的内容而变化下面的标签是html代码
不使用 display: block/table/inline-block;
<!DOCTYPE html>
<html>
<head>
<style>
.menu {
padding: 0px;
}
.menu li {
display: inline;
}
.menu li {
background-color: black;
color: red;
padding: 10px 50px 0px 0px;
border-radius: 4px 4px 0 0;
}
</style>
</head>
<body>
<h2>Horizontal List</h2>
<ul class="menu">
<li>Java Script</li>
<li>Java Script CSS</li>
</ul>
<ul class="menu">
<li style="width:80%">Script</li>
<li>width changed based on content </li>
</ul>
</body>
</html>
li标签如何定长?
这是上面代码的工作 jsfiddle... Above working code