CSS网格问题
下面是代码示例: 若你们通过在测试窗口中拖动sizer来慢慢改变屏幕大小,你们会看到很多列分散在一起 我能做些什么来解决这个问题 更新:这是用于FLUID CSS网格系统为Web应用程序制作布局的。我不想坐在桌子上。这个例子是用来测试网格的大小和其他尺寸 我认为问题出在浏览器中,它将.cx1计算为55+43px,并将其四舍五入到像素, 和.cx5计算为449+43px,而不是将.cx1四舍五入为55px 特别为Dexter Huinda: 有100%的宽度吗?12列,除最后一列外,右边距为3.8%CSS网格问题,css,less,Css,Less,下面是代码示例: 若你们通过在测试窗口中拖动sizer来慢慢改变屏幕大小,你们会看到很多列分散在一起 我能做些什么来解决这个问题 更新:这是用于FLUID CSS网格系统为Web应用程序制作布局的。我不想坐在桌子上。这个例子是用来测试网格的大小和其他尺寸 我认为问题出在浏览器中,它将.cx1计算为55+43px,并将其四舍五入到像素, 和.cx5计算为449+43px,而不是将.cx1四舍五入为55px 特别为Dexter Huinda: 有100%的宽度吗?12列,除最后一列外,右边距为3.
So for cx1 = (1*(100+3.8))/12-3.8 = 4.85%
for cx2 = 4.85*2+3.8 = 13.5%
for cx3 = 4.85*3+3.8*2 = 22.15%
and so on.
The main formula to calculate any column width from 1 to 12 is
(a*(100+b))/12-b (where a = number of spanned columns and b is margin)
有数学问题吗
问题是为什么:宽度4.85%+3.8%+4.85%+3.8%+4.85%宽度22.15%
因此,如果您不需要任何解释,请在任何.cx宽度中查找错误。您可以吗?您可以使用css文件中提供的固定宽度的div,也可以通过表进行设置。实际上,你的div没有正确地拧紧在一起。这是主要原因。我认为你的方法需要重新思考 如果需要对齐列,请使用表格或固定宽度的div。您正在使用类,那么为什么不通过类应用固定宽度,而不是存在的百分比宽度呢 同时使用固定宽度字体也可以达到预期效果 解决方案在这里:。 Thanx至Vasily Aksyonov网络标准日和Vadim Makeev Opera软件
因为您将大小的百分比也设置为小数点后两位。这可能会导致它出错。看一看。用表格来定位像这样的数据。我能说的就是,祝你的网格系统好运。你需要大量的数学知识才能让这件事顺利进行,没什么特别的。数学也不多=如果没有什么特别的,你会自己解决的。试着自己解决它,告诉我们你是怎么做到的,然后回去再告诉我一次,没什么特别的。不,我不想做一张有div的桌子。我想让fluid css grid system在其他应用程序中使用。我的选项是表格或固定宽度divs。我不建议两者同时使用。@GOsha表格也是流动的,只需使用百分比来加强流动性。表是为表示数据而设计的,就像你例子中的表一样。我想得到我自己的现代网格CSS框架,比如Blueprint或cssgrid.net。我不想在页面上使用固定的表格布局。我不想使用固定宽度的div。我想让流体css网格系统在其他应用程序中使用它。