个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
32
4
假设我有一个预先指定宽度的菜单。
我希望每个菜单项都缩小以适合其内容，但一个除外，它会填满菜单中的剩余空间。
像这样:
Fill | item | item | item
到目前为止，我最接近实现此效果的方法是在每个菜单项的 css 代码中使用 display:table-cell。但问题是，除非我为元素定义宽度，否则它们都会扩展以在表格中占据相同的宽度。
Fill | item | item | item | item
有没有办法让元素空间缩小以适应元素，并让填充元素填满 div 的其余部分？
最佳答案
对于那些想用表格来做的人，你可以给第一个“td”一个类并将它的宽度设置得离谱，然后它会插入并强制其他列尽可能地缩小。它之所以有效，是因为表格的展开宽度不能超过它们设置的宽度。
例如:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table td {
border:solid 1px #000;
}
table td.fill {
width:9999em;
text-align:right;
}
table {
width:300px;
border-collapse:collapse;
}
</style>
</head>
<body>
<table>
<tr><td class="fill">Fill</td><td>item</td><td>item</td><td>item</td></tr>
</table>
</body>
</html>
在仅适用于 Firefox 和 IE 的旧示例中，我将“td”宽度设置为 0，然后它尽可能地缩小了列。
您可以通过将 td 宽度设置为较小的值来将所有列设置为收缩以适合，例如当您未设置表格宽度时为 1px，这在 Chrome、Firefox 和 IE 中有效。
table td {
width:1px;
}
您可能还想设置 white-space:nowrap;，否则所有的单词都会换行，或者给 td 一些更大的 width
关于html - 收缩以适合菜单项 - 第一项增长，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4582631/
32
4
0
我正在创建一个项目来使用评级系统评估不同的产品，但由于我是新手，所以我有几个问题。 首先，为了实现这个目标，我创建了一个 ListView ，它允许我使用从该数据库获取的 JSON 代码显示 MySQ
在对学校的大型作业进行故障排除时，我发现了一个错误，我将单个项目列表(包含一个项目的堆栈)视为单个项目。我解决了我的问题，但是在进一步的测试中我注意到一些奇怪的事情: 48 ?- 1 is [1].
嘿，我正在修改我在 Internet 上找到的示例应用程序。 (学习2破解)我想在我的 ReclycerView 中获取单行的 ID。这是代码。 主要 private void initVie
我在一个项目中使用 ASP.NET MVC SiteMap 提供程序，它运行良好。但是，我很难弄清楚如何隐藏菜单项。我想在全局导航中隐藏的菜单项是我的“站点地图”页面。现在我知道有一个东西叫做 Vis
我是一名优秀的程序员,十分优秀！