我有一个名为.wrap的div，其中放置了元素。未知数量的元素(.thing)应排列成四列(彼此堆叠)。thing1thing2...列需要均匀分布，以便没有列是空的。这将非常容易使用:.wrap{column-count:4;column-fill:balance;}但是，我相信column-fill只适用于Firefox。是否有另一种CSS方法可以在所有最新版本的浏览器中实现这种布局？具体来说，flexbox可以提供帮助吗？请注意，我不能添加额外的div来充当列，并且不需要JS解决方案。这是一个fiddle，除了均匀分布外，它具有所需的布局→http://jsfiddle.net/
我正在尝试找到一种让所有链接均匀分布在水平导航中的简单方法。如果它是固定数量的链接，这将非常容易，但它们将是动态的。所以它可能是5个或10个链接，没人知道。尽管有很多链接，但我希望它们不使用表格在导航中均匀分布。我不想使用表格的原因是因为它会破坏ULLI结构，这(显然)被认为是构建导航(SEO)时要走的路。这是一个更深入地解释它的jsFiddle:http://jsfiddle.net/pkK8C/19/寻找最轻的方法。提前谢谢你。 最佳答案 对UL使用display:table对LI使用display:table-cell。和di
我正在尝试找到一种让所有链接均匀分布在水平导航中的简单方法。如果它是固定数量的链接，这将非常容易，但它们将是动态的。所以它可能是5个或10个链接，没人知道。尽管有很多链接，但我希望它们不使用表格在导航中均匀分布。我不想使用表格的原因是因为它会破坏ULLI结构，这(显然)被认为是构建导航(SEO)时要走的路。这是一个更深入地解释它的jsFiddle:http://jsfiddle.net/pkK8C/19/寻找最轻的方法。提前谢谢你。 最佳答案 对UL使用display:table对LI使用display:table-cell。和di
我在HTML表格单行的几个连续单元格上应用了CSSborder-bottom:1pxdashed#494949;，但边框不统一。每个单元格末尾的破折号看起来稍长。虚线边框也不统一。我也在使用border-collapse:collapse;截图如下:有什么方法可以获得统一的虚线边框吗？ 最佳答案 我在我的应用程序中解决此问题的方法是添加一个额外的行，该行与带有虚线边框的行具有相同的colspan。边界将与跨度的长度一致: 关于html-表格单元格中的非均匀虚线边框，我们在StackOve
我在HTML表格单行的几个连续单元格上应用了CSSborder-bottom:1pxdashed#494949;，但边框不统一。每个单元格末尾的破折号看起来稍长。虚线边框也不统一。我也在使用border-collapse:collapse;截图如下:有什么方法可以获得统一的虚线边框吗？ 最佳答案 我在我的应用程序中解决此问题的方法是添加一个额外的行，该行与带有虚线边框的行具有相同的colspan。边界将与跨度的长度一致: 关于html-表格单元格中的非均匀虚线边框，我们在StackOve
我有一个可变宽度容器(一个div)。此容器包含可变数量的按钮，其大小不同。RedditG+FacebookStackExchangeTwitterSteamSeefiddleforHTMLandtests.无论容器的宽度如何(假设它比最宽的按钮更宽)，我想要的是按钮的和谐分布。现在我有这个(如果我调整窗口大小):我想要的是以尽可能均匀的方式分布按钮(即线条的宽度，当有多个线条时，尽可能相等)。这意味着每行3个按钮:但由于按钮可以有各种大小，因此数字也可以是2-4，例如。我不想拉伸(stretch)按钮或强制调整它们的宽度，我想让行居中，我不想要基于JS的答案(我已经用JS做到了)，我想
我有一个可变宽度容器(一个div)。此容器包含可变数量的按钮，其大小不同。RedditG+FacebookStackExchangeTwitterSteamSeefiddleforHTMLandtests.无论容器的宽度如何(假设它比最宽的按钮更宽)，我想要的是按钮的和谐分布。现在我有这个(如果我调整窗口大小):我想要的是以尽可能均匀的方式分布按钮(即线条的宽度，当有多个线条时，尽可能相等)。这意味着每行3个按钮:但由于按钮可以有各种大小，因此数字也可以是2-4，例如。我不想拉伸(stretch)按钮或强制调整它们的宽度，我想让行居中，我不想要基于JS的答案(我已经用JS做到了)，我想
我的任务是生成如下所示的水平导航列表:重点是元素需要从绝对左到右单独隔开。设置宽度很麻烦，因为不同的浏览器似乎对它们有不同的解释。此外，此列表中的元素数量将根据用户的不同而变化。如有任何建议，我们将不胜感激!按照@Dean的建议，我发现自己符合以下内容-这几乎是正确的。我唯一在想的是，不幸的是，左边的两个元素很短，因此差距很大。我希望客户会对文本对齐感到满意；以所有元素为中心，并在旁边添加一些填充! 最佳答案 我为您的菜单制作了一个jsFiddle...一切都是完美间隔的、动态的，并且它一直延伸到左/右边缘，没有JavaScript
我的任务是生成如下所示的水平导航列表:重点是元素需要从绝对左到右单独隔开。设置宽度很麻烦，因为不同的浏览器似乎对它们有不同的解释。此外，此列表中的元素数量将根据用户的不同而变化。如有任何建议，我们将不胜感激!按照@Dean的建议，我发现自己符合以下内容-这几乎是正确的。我唯一在想的是，不幸的是，左边的两个元素很短，因此差距很大。我希望客户会对文本对齐感到满意；以所有元素为中心，并在旁边添加一些填充! 最佳答案 我为您的菜单制作了一个jsFiddle...一切都是完美间隔的、动态的，并且它一直延伸到左/右边缘，没有JavaScript
我有多个具有固定宽度和高度的div(想想带有文章图片的某种目录View)。现在我想向他们展示类似于float:left的行为。这确保您的浏览器窗口越大，一行中显示的div越多。float:left解决方案的缺点是，右侧有一个很大的白色间隙，直到另一个div适合为止。现在我的工作是在页面上均匀分布div，而不是在右侧出现大的白色间隙，单个div之间应该有均匀分布的间隙。JavaScript中的解决方案很简单:http://dl.dropbox.com/u/2719942/css/columns.html您可以看到，如果调整浏览器窗口的大小，它的行为类似于float:left，但空间在框之
