Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/oracle/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS网格问题_Css_Less - Fatal编程技术网

CSS网格问题

CSS网格问题,css,less,Css,Less,下面是代码示例: 若你们通过在测试窗口中拖动sizer来慢慢改变屏幕大小,你们会看到很多列分散在一起 我能做些什么来解决这个问题 更新:这是用于FLUID CSS网格系统为Web应用程序制作布局的。我不想坐在桌子上。这个例子是用来测试网格的大小和其他尺寸 我认为问题出在浏览器中,它将.cx1计算为55+43px,并将其四舍五入到像素, 和.cx5计算为449+43px,而不是将.cx1四舍五入为55px 特别为Dexter Huinda: 有100%的宽度吗?12列,除最后一列外,右边距为3.

下面是代码示例:

若你们通过在测试窗口中拖动sizer来慢慢改变屏幕大小,你们会看到很多列分散在一起

我能做些什么来解决这个问题

更新:这是用于FLUID CSS网格系统为Web应用程序制作布局的。我不想坐在桌子上。这个例子是用来测试网格的大小和其他尺寸

我认为问题出在浏览器中,它将.cx1计算为55+43px,并将其四舍五入到像素, 和.cx5计算为449+43px,而不是将.cx1四舍五入为55px

特别为Dexter Huinda: 有100%的宽度吗?12列,除最后一列外,右边距为3.8%

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网格系统在其他应用程序中使用它。