CSS列表项的宽度/高度不起作用
我试图制作一个导航内联列表。您可以在这里找到它
由于某些原因，它不显示LI的宽度和高度。这是代码段。这有什么问题？
.navcontainer-top li {
font-family: "Verdana", sans-serif;
margin: 0;
padding: 0;
font-size: 1em;
text-align: center;
display: inline;
list-style-type: none;<br>
width: 117px;
height: 26px;
}
.navcontainer-top li a {
background: url("../images/nav-button.png") no-repeat;
color: #FFFFFF;
text-decoration: none;
width: 117px;
height: 26px;
margin-left: 2px;
margin-right: 2px;
}
.navcontainer-top li a:hover {
background: url("../images/nav-button-hover.png") no-repeat;
color: #dedede;
}
问题答案：
将a元素声明为display: inline-block，并从li元素中删除宽度和高度。
或者，将a float: left应用于li元素并display: block在该a元素上使用。这与跨浏览器更加兼容，display: inline-block例如Firefox <= 2不支持。
如果您将ul元素的宽度设置为100％（以使其从左边缘到右边缘跨越），然后应用apply，则第一种方法将使您拥有一个动态居中列表text-align:center。
使用line-height控制单元内的文本的Y位置。
-
主要内容：1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性，虽然说非常简单，但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度，这些元素使用起来非常简单，下面我们就来简单介绍一下。 1. width 通过 width 属性可以设
-
前面我们提到HTML元素的尺寸（高或宽）是动态的，会随着内容调整。不过我们也可以为元素设定固定的尺寸大小。 blockquote{ width: 600px;} 上面的 blockquote 将始终保持600px的宽度，如果浏览器窗口小于600px，将显示一个水平滚动条。 因为我们只设置了宽度，那么这个 blockquote 的高度仍然是动态的，会自动调整来适应内容。 CSS 溢出（overflo
-
问题内容： 鉴于以下几点，我如何使我的最后一列自动调整大小？（最后一列应自动调整内容的宽度。假设我只有1 li元素应该收缩，而我只有3 li元素等等）： CSS： 问题答案： 以下将解决您的问题： 灵活的基于类的解决方案 一种更灵活的解决方案是创建一个类，并将其应用于您要确保其内容适合一行的任何列： 然后在您的HTML中：
-
问题内容： 有谁知道我可以使最小高度与最新的浏览器一起使用？我正在使用CSS表，它似乎忽略了最小高度。 问题答案： 使用表时，高度本质上是最小高度，因为表始终会拉伸。摆脱掉“ min-”，它将按您期望的那样工作。
-
我有一个带有listview的片段，它的适配器包含两种类型的单元格（取决于位置）。 列表中的第一个单元格应该是自定义视图（按钮，ViewPager，CirclePageSignator），第一个单元格宽度match_parent 第二个单元格也是自定义视图，其中包含按钮和图像视图。 我的问题是，当我放置ViewPager时，在第一个单元格中看不到ViewPager。宽度以包装内容或填充父对象或匹配
-
问题内容： 目前，通过STYLE，我可以在和高度上使用和，反之亦然，但是我仍然不能将图像分别限制在一个特定的位置，无论是太宽还是太高。 有任何想法吗？ 问题答案： 如果仅在图像上定义一维，则将始终保留图像长宽比。 图像是否比您喜欢的更大/更佳？ 您可以将其放入DIV中，该DIV设置为图像所需的最大高度/宽度，然后设置“ overflow：hidden”。那将收获超出您想要的任何东西。 如果图像的宽