18910140161

HTML-如何在大小相等的不同列中显示文章的不同部分?-堆栈溢出

顺晟科技

2022-10-19 12:54:56

70

我试图创建我的第一个网页,这对我来说越来越复杂。 我试图在3个大小相同的不同列中显示它,但我最接近实现的是:

此表单将信息充分地分布在3列中,但它们并不占用相同的空间。 感谢您的任何帮助或推荐,谢谢。


顺晟科技:

应设置节以占据整个空间,并平等地设置列的宽度。请参见示例:

假设有3列内容不相等:

我个人会用网格来解决这个问题,网格的样式更容易一些。你只需加上。 它将创建3个大小相等的列。

然后,您可以添加以添加间距来分隔列,而无需自己计算任何内容。

如果要使用flexbox,还可以使用-property。然而,重要的部分是,您需要定义节的宽度。无论使用哪一个,但可以给你一个像素不准确在更大的屏幕上。最好使用

需要设置flex项。

article {
  display: flex;
}

对于所有与flex相关的内容,这是一个值得一读的资源: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航