Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/10.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 - Fatal编程技术网

Css 没有桌子你怎么做这种款式?

Css 没有桌子你怎么做这种款式?,css,Css,布局如下所示: abc 1 2 bcd 1 2 3 4 eaasd 5 6 我听说用表格进行布局不好,那么在这种情况下你会怎么做?如果你需要显示表格数据,只需使用表格即可 如果您希望显示与示例中完全相同的内容,您可以使用,但这可能与您所期望的大不相同。将表格用于总体布局而不是表格数据是不好的。所以对于您的情况,使用table是最好的主意 尝试使用CSS,如内联块或flexbox。下面是一个内联块的示例: 看 如果您的内容宽度小于13列,还可以查看引导的网格系统以获得替代方

布局如下所示:

abc     1 2 
bcd     1 2 3 4
eaasd   5 6

我听说用表格进行布局不好,那么在这种情况下你会怎么做?

如果你需要显示表格数据,只需使用表格即可


如果您希望显示与示例中完全相同的内容,您可以使用,但这可能与您所期望的大不相同。

将表格用于总体布局而不是表格数据是不好的。所以对于您的情况,使用table是最好的主意

尝试使用CSS,如内联块或flexbox。下面是一个内联块的示例:


如果您的内容宽度小于13列,还可以查看引导的网格系统以获得替代方案:

您可以按照以下方式制作基于div的布局。并使用display:inline块

.main>div{ 显示:内联块; 填充物:5px; 宽度:50px; } abc1 2 bcd1 2 3 4 eaasd5 6
使用div或nbsp;有两列三行?我回滚了您的新编辑。您不能将问题更改为其他问题,它已被回答。请将你的新问题作为一个独立的问题提问。如果现有答案中有一个确实回答了你的第一个问题,请将其标记为已接受question@Gaga作为新问题提问,此处的答案基于无项目符号列表。在这种情况下,您可以创建一个无序列表,其中包含和,请阅读我的意思是,在这种情况下,您是如何进行布局的?请阅读提供的链接,我们在这里帮助您解决与您的工作无关的问题。在这种情况下,您可以使用ro列出您的行,并使用另一个内联列表列出每行的元素。通过使用,它将被铺设
<div class="column">
  <p>
  abc
  </p>
  <p>
  bcd
  </p>
  <p>
  eaasd
  </p>
</div>
.column {
  display:inline-block;
}