CSS多列布局-Chrome不允许右列比左列更长

我只是编码我的网站。我是一名摄影师,所以我所有的内容都是图片。每一张图片都被组织在一个 div-Box 中。

我只是编码我的网站。我是一名摄影师,所以我所有的内容都是图片。每一张图片都被组织在一个 div-Box 中。

我使用了灵活的多列布局:

.content {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
max-width:1400px;
}

资源管理器和 Firefox 完美的作品,但 Chromee 不允许右列比左边长,它看起来很可怕:

http://www.rosioffenbach.com/tarotpt1.html

右侧有一堆空白。

我非常感谢你的帮助。

我试过了

-webkit-column-fill:balance;-webkit-column-fill:balance-all;但是我没有工作

.content {
width:70%;
position: relative;
margin-right: auto;
margin-left: auto;
padding-top:1%;
max-width:1400px;
}
.content {
  -webkit-column-count: 1;
  -webkit-column-gap: 3%;
   -moz-column-count: 1;
 -moz-column-gap: 3%;
  column-count: 1;
  column-gap: 3%;
}

我希望在 Firefox 和资源管理器中,列尽可能相等,并且包括右列比左列更长的选项。

0

尝试从.contentstrecke{ }中删除display: inline-block。删除后,Firefox 和 Chrome 看起来相同。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(78)
W3CCSS验证器结果'值错误:font-family属性font-family在CSS级别2.1中不存在 但在 [css1 c
上一篇
如何在asyncssh中运行一个进程并永远观察其输出
下一篇

相关推荐

  • css添加滚动条:标题

    CSS添加滚动条的方法如下:在CSS中添加属性:…

    2022-12-30 13:40:10
    0 54 64
  • js控制css:Welcome to my page!

    示例示例JS控制CSS指的是使用来改变HTML元素的CSS属性,以达到动态改变页面样式的目的。下面是一个简单的代码示例:…

    2023-02-02 03:41:25
    0 49 32
  • css预处理器有哪些Sass、Less 和 Stylus

    CSS预处理器是一种用于构建CSS的工具,它可以帮助开发人员更轻松、更有效地创建和维护CSS代码。它们使用特殊的语法,可以添加变量、函数、继承和混合等功能,以帮助开发人员更轻松地编写CSS。…

    2023-01-18 11:57:40
    0 82 65
  • css属性选择器怎么用: bold;}`

    CSS属性选择器是一种CSS选择器,用于通过元素的属性和属性值来选择元素。它们可以与其他CSS选择器结合使用,以提供更多的灵活性和精确度。…

    2023-01-16 03:10:51
    0 24 64
  • css取消超链接下划线:Welcome to my page

    可以使用CSS的text-属性来取消超链接的下划线,代码如下:…

    2022-12-31 09:48:32
    0 15 96
  • css 时钟:时间在流逝,但美丽永恒

    CSS时钟是一种使用CSS和JavaScript创建的时钟。它可以使用CSS来控制时钟的外观,而JavaScript可以控制时钟的行为。要创建一个CSS时钟,首先需要创建一个div,并将其设置为一个圆形:…

    2023-01-29 12:42:40
    0 74 46
  • css项目:使用CSS进行网页设计

    CSS(Cascading Style Sheets)是一种用于定义HTML元素的样式表语言。它可以让你为网页中的文本、图像和其他内容指定颜色、字体、大小、位置和其他样式。…

    2023-01-19 06:32:31
    0 84 51
  • css安装教程:# 使用CSS实现简单的页面布局

    示例示例CSS安装教程下载CSS:您需要从官方网站下载CSS。它可以在https://www.w3.org/Style/CSS/下载。…

    2023-02-02 16:10:57
    0 38 97

发表评论

登录 后才能评论

评论列表(43条)