草庐IT

javascript - 如何在 CSS 中使用动态列数和行数均匀分布 float 元素?

我有多个具有固定宽度和高度的div(想想带有文章图片的某种目录View)。现在我想向他们展示类似于float:left的行为。这确保您的浏览器窗口越大,一行中显示的div越多。float:left解决方案的缺点是,右侧有一个很大的白色间隙,直到另一个div适合为止。现在我的工作是在页面上均匀分布div,而不是在右侧出现大的白色间隙,单个div之间应该有均匀分布的间隙。JavaScript中的解决方案很简单:http://dl.dropbox.com/u/2719942/css/columns.html您可以看到,如果调整浏览器窗口的大小,它的行为类似于float:left,但空间在框之

html - 水平列表项 - 适合 100%,间距均匀

我有一个简单的列表,我试图让列表项在水平方向上均匀分布,但无论容器的宽度如何,它仍然会填充100%的容器宽度。我不希望每个列表项的宽度相等,而是每个列表项之间的间距均匀:jsfiddle:http://jsfiddle.net/b6muX/1/此外,列表项的数量可能是动态的,与我示例中的数量不同。不用js可以吗?这是我的标记和CSS:Thisismenuitem1Number2ItemNumber3Menu4和以下CSS:ul{width:100%;background:#cacaca;margin:0;padding:0;}li{list-style-type:none;displa

html - 水平列表项 - 适合 100%,间距均匀

我有一个简单的列表,我试图让列表项在水平方向上均匀分布,但无论容器的宽度如何,它仍然会填充100%的容器宽度。我不希望每个列表项的宽度相等,而是每个列表项之间的间距均匀:jsfiddle:http://jsfiddle.net/b6muX/1/此外,列表项的数量可能是动态的,与我示例中的数量不同。不用js可以吗?这是我的标记和CSS:Thisismenuitem1Number2ItemNumber3Menu4和以下CSS:ul{width:100%;background:#cacaca;margin:0;padding:0;}li{list-style-type:none;displa

html - 如何让表格单元格均匀分布?

我正在尝试创建一个包含许多静态html表格的页面。我需要做什么才能让它们在表格中显示的每一列的大小与其他列的大小相同?HTML如下:InterestratesCurrentrateasat31March201031December200931March2009Index11.00%1.00%1.50%index20.50%0.50%0.50%index30.25%0.25%0.25%Source:BtStockmarketsAsat31March20101monthchangeQTDchange12monthschangeindex11169.435.88%4.87%46.57%ind

html - 如何让表格单元格均匀分布?

我正在尝试创建一个包含许多静态html表格的页面。我需要做什么才能让它们在表格中显示的每一列的大小与其他列的大小相同?HTML如下:InterestratesCurrentrateasat31March201031December200931March2009Index11.00%1.00%1.50%index20.50%0.50%0.50%index30.25%0.25%0.25%Source:BtStockmarketsAsat31March20101monthchangeQTDchange12monthschangeindex11169.435.88%4.87%46.57%ind

css - 通过 CSS 在 Div 中均匀和水平分布图像

我很难为我的案例找到具体信息。我想在一个940像素的div中分配3个图像缩略图,以便与我的其余内容对齐。到目前为止,我已经让图像水平排列,但间距关闭并且所有内容都向左移动。这是我的CSS:#thumbs{width:940px;margin-top:90px;margin-left:auto;margin-right:auto;}我的HTML:示例图片我目前拥有的:我想要实现的目标:非常感谢您的帮助。 最佳答案 使用我在此处的回答中显示的技术:FluidwidthwithequallyspacedDIVs这是您的代码:http://

css - 通过 CSS 在 Div 中均匀和水平分布图像

我很难为我的案例找到具体信息。我想在一个940像素的div中分配3个图像缩略图,以便与我的其余内容对齐。到目前为止,我已经让图像水平排列,但间距关闭并且所有内容都向左移动。这是我的CSS:#thumbs{width:940px;margin-top:90px;margin-left:auto;margin-right:auto;}我的HTML:示例图片我目前拥有的:我想要实现的目标:非常感谢您的帮助。 最佳答案 使用我在此处的回答中显示的技术:FluidwidthwithequallyspacedDIVs这是您的代码:http://

html - 如何跨指定容器均匀、充分地拉伸(stretch)固定数量的水平导航项

我想在一个900像素的容器中均匀地拉伸(stretch)6个导航项,并且它们之间的空白量相等。例如……---|900pxContainer|------|HOMEABOUTBASICSERVICESSPECIALTYSERVICESOURSTAFFCONTACTUS|---目前,我能找到的最好的方法如下:navul{width:900px;margin:0auto;}navli{line-height:87px;float:left;text-align:center;width:150px;}这个问题有两个方面。首先,它并没有真正证明它的合理性,而是将li标签均匀地分布在整个ul标签

html - 如何跨指定容器均匀、充分地拉伸(stretch)固定数量的水平导航项

我想在一个900像素的容器中均匀地拉伸(stretch)6个导航项,并且它们之间的空白量相等。例如……---|900pxContainer|------|HOMEABOUTBASICSERVICESSPECIALTYSERVICESOURSTAFFCONTACTUS|---目前,我能找到的最好的方法如下:navul{width:900px;margin:0auto;}navli{line-height:87px;float:left;text-align:center;width:150px;}这个问题有两个方面。首先,它并没有真正证明它的合理性,而是将li标签均匀地分布在整个ul标签

ios - UIStackView - 从中​​心均匀分布 View

我有一个UIStackView,在一个UIScrollView内,用于显示水平排列的动态添加的subview。当前的解决方案将从左侧开始显示项目,我想在不改变subview的宽度和高度的情况下从中心开始分配项目。我怎么做?我也对不使用UIStackView的解决方案持开放态度。这样我就可以支持设备(当前)(预期) 最佳答案 简答:ScrollView约束Leading>=0,Trailing>=0,Top>=0,Bottom>=0CenterXandCenterYStackView约束Leading=0,Trailing=0,Top