Safari错误中的CSS列定义列表

文章/答案/技术大牛

发布

2回答

css、safari

在Safari中使用此列布局时遇到问题。有没有人做过类似的事情？ <dt>.

浏览 31提问于2018-03-05得票数 0

回答已采纳

3回答

是否可以仅通过更改col元素上的CSS类来隐藏/显示表列？

css

我尝试在运行时根据用户的选择隐藏/显示表中的列。我定义了两个CSS类：我尝试在与我想隐藏/显示的列对应的<col>元素上设置这些样式</tbody>然而，它似乎只在Firefox中起作用，而不是

浏览 1提问于2010-08-07得票数 9

1回答

Safari多柱悬停虫

css、image、safari、hover、multiple-columns

我在试着做一个反应灵敏的演讲。在一个大型浏览器中，它将被分隔成两列，右边一列有一幅图像。问题是，仅在safari中，我在图像上添加了一个过滤器，其中包含一个:悬浮{filter: none;}但是在safari中，如果图像停留在第一列上，“悬停区域”似乎就在那里。不确定我是否很清楚，所以这里有一个简单的代码显示了这个bug。media/salonauto/image/0/big

浏览 5提问于2014-06-26得票数 0

回答已采纳

2回答

列中浮动的第n个子元素

css

/li> <li><a href="#">explorers</a></li>我试着把前三个放在左边的列中我不能让它工作，它们都对齐了，并且没有按正确的顺序出现。我像这样标记了CSS： li:nt

浏览 0提问于2012-09-29得票数 1

1回答

在Firefox和Safari中将显示网格显示为奇怪的位置粘性水平滚动

html、css、firefox、grid、sticky

我正在尝试在React中创建一个可重用的表组件，它有带有display: grid和position: sticky的粘性列(水平滚动)。我是在Chrome中开始实现的，在Chrome中，一切都如预期的那样工作，所以我检查了Firefox和Safari组件在那里的工作方式。不幸的是，火狐和Safari处理position: sticky的方式与Chrome不同。

浏览 0提问于2019-12-31得票数 0

回答已采纳

1回答

Safari浏览器中表格的滚动条问题

html、css、safari、scrollbar、css-tables

我在Safari浏览器中显示表格中的滚动条时遇到了一个问题。有人能帮上忙吗？我使用了下面的

浏览 7提问于2010-07-10得票数 0

3回答

Bootstrap 4可以在Windows的Safari浏览器上运行吗？

bootstrap-4

我已经创建了一个网站，它可以在Windows上的所有浏览器上正常工作，但在Safari中，布局是相当无结构的。问题出在哪里？Windows上的safari是否不支持Bootstrap 4？

浏览 3提问于2019-03-07得票数 0

1回答

全页水平滚动内容

jquery、html、wordpress、fullscreen、horizontal-scrolling

我一直在努力寻找与我想要达到的目标相近的东西，但我似乎找不到任何接近它的东西。我附上了一张我想要做的事情的快速图像：基本上，我试图创建一个水平滚动站点，当内容到达页面底部时，它将开始一个新的列并继续。我目前正在构建一个WordPress主题，我希望这是一个单一的模板。有人知道从哪里开始创建这样的东西吗？我很感谢你的帮助！

浏览 1提问于2015-04-21得票数 2

回答已采纳

3回答

我可以在Mobile Safari上用user-css覆盖CSS吗？

javascript、css、ios、accessibility

我正在试着为我的祖母修改网站的CSS。我想修改CSS，使她更容易阅读，并使其更简约。我尝试过使用JavaScript书签小程序：这在最初加载时有效一次，但当单击站点上的另一个链接时，它会重新加载默认站点的CSS。是否有可能将站点包含在iframe中，并让

浏览 0提问于2011-08-03得票数 9

1回答

使用CSS变量定义-webkit-后台剪辑属性在Chrome上不起作用

css、background、css-variables、vendor-prefix

众所周知，您可以使用CSS变量来简化编写需要特定于浏览器的供应商前缀的属性。设置--clip-path:initial;会取消继承，因此只有在元素中定义了clip-path值时，元素才会有一个clip-path值，而不是initial (等于border-box)。属性的值，(a) Safari (和火狐)喜欢它，但是(b) Chrome不理解它(也就是说，Chrome中的计算值是background-clip: border-box

浏览 1提问于2019-07-02得票数 0

回答已采纳

2回答

<ul>引导列表在Safari上的呈现方式不同

html、css、bootstrap-4、html-lists

我在Bootstrap 4中有一个简单的无序列表： <li>line 1</li> <li>line 3</li> <li>line 5</li>使用此自定义CSS： padding-l

浏览 0提问于2020-03-14得票数 1

1回答

CSS水平对齐段落

html、css

基本上，我希望每个段落都有自己的专栏。我使用了float: right;。这使得它们成为列，但随后它将它们从与网页其余部分的格式化中带出来。任何关于创建列或使用float格式化的不同方法的技巧都将不胜感激。

浏览 0提问于2014-03-25得票数 0

1回答

在CSS中设置方阵

javascript、jquery、html、css、marquee

我试图在我的CSS中设置标记属性。我希望它向下滚动，然后再回来，与高度设置为100%。这是相对于它的父标记的高度，它也被设置为相对于主体标记的100%。这是它的CSSheight:100%;marquee-style: alternate;现在，它从右向左滚动，而不是在所有屏幕上

浏览 2提问于2014-06-09得票数 0

0回答

当项目数等于列数时，chrome和safari会以不同的方式呈现css列

css、google-chrome、safari、css-multicolumn-layout

我有一个目录列表，它使用CSS列，但在Chrome和Safari中的行为不同。目录的每个部分都有一个包装器，该包装器将清单排列成两列。我已经得到了CSS，所以Chrome按照我想要的方式呈现它：在Safari中，第二列中的第一项有时在其上方有明显的边距。我可以在Safari</em

浏览 2提问于2017-12-07得票数 3

回答已采纳

1回答

Safari CSS列显示溢出错误

css、safari、multiple-columns

请在Chrome vs Safari中查看此代码片段：https://codepen.io/peminator/pen/JjdmQmy) .col { font-sizeclass="col"> <div>A</div> <div>A</div

浏览 6提问于2020-03-25得票数 0

回答已采纳

1回答

为什么在Safari中这个柔性盒布局被破坏了？

css、safari、flexbox

所以我在CSS中设计了这个，想法是有一个标题，剩下的作为可滚动的内容。(底部有一个指向现场演示的链接)唉，在Safari中，它是坏的，如下所示：如您所见，标头的高度计算错误，导致绿色框溢出。我把问题缩小到了头的flex-basis的错误计算。

浏览 4提问于2016-01-24得票数 4

回答已采纳

1回答

是否仍有必要在css样式上使用供应商前缀？

css3

我曾经用标准的和供应商的前缀写了许多CSS样式。webkit-column-gap: 1.5rem; column-gap: 1.5rem;这仍然是必要的，而且/or只有特殊的用例。如果有特殊情况，我在哪里可以找到这些情景/案例的清单？

浏览 0提问于2023-03-08得票数 2

回答已采纳

1回答

在iPhone上使用CSS自定义属性定义div背景图像时闪烁

css、ios、angular

我有一个Angular应用程序，徽标被定义为CSS自定义属性： --theme-logo: url("~/assets/images/logo.png"); background-image当你滚动、点击链接或任何可能触发变化的东西时，就会发生这种情况。这只发生在iPhone上，在Safari和Chrome上都是如此。所有其他的桌面和移动浏览器都没有这样的闪烁。

浏览 36提问于2021-05-07得票数 1

回答已采纳

1回答

引导导致CSS列属性出现问题

twitter-bootstrap-3

我使用引导程序3，并使用CSS列属性将内容设置为显示在2列中。我知道这可以通过Bootstrap来完成，但是在这种情况下，最好使用CSS列。但有什么想法吗？编辑(增加例子，感谢克里斯蒂娜;) 在本文档中，桌面浏览器中的所

浏览 3提问于2015-05-12得票数 0

回答已采纳

1回答

iOS 9和El Capitan搞砸了CSS

javascript、ios、css、iphone、safari

自从苹果最近在桌面上更新了El Capitan，在手机上更新了iOS 9之后，我们网站的css显示功能就不起作用了。我正在附上两张截图。第一个是全屏--不仅css被忽略，而且照片内容也没有显示出来。第二个是最小化的屏幕，它为响应性设计部署我们的@media查询。我们的代码在更新之前在OSX和iOS上工作，并在所有其他平台上工作。以下是桌面截图：以下是手机截图：在修复了上述代码中的Safari错误之

浏览 2提问于2015-10-25得票数 0

回答已采纳

点击加载更多