cost 27 ms
使用CSS列进行图像网格处理,有时会堆积图像

我正在使用此处介绍的技术,但遇到一个问题,有时图像按预期排列在列中,但有时它们堆叠在彼此的下面,这不是我想要的。 我尝试添加white-space:nowrap ,它使图像显示在同一行上,但它也消除了column-gap并使图像左对齐而不是居中对齐。 我创建了一个Codepen来说明 ...

2019-05-31 00:24:15 1 32
引导柱宽度调节

我是使用Bootstrap的新手。 我尝试调整3行的行使其适合,最后一列又分为3行,但是该行重叠且难以正确显示。 我的cshtml第一行: 第二行和第三行直接通过col-md-4 你能帮我解决这个问题吗? TIA罗恩 ...

2019-05-30 21:25:10 2 31
Html元素没有采用绝对定位和flexbox内部的全宽度

右侧的灰色块( https://jsfiddle.net/var6u4g7/ )不占用其内容的全部宽度。 它使用righttext的大小,如果在righttext元素中添加更多单词,您将看到灰色框正好占据了该宽度。 我不想指定一个固定的宽度,因为我不知道它里面有多少,所以我希望它的内容和它的 ...

2019-05-30 19:50:55 1 35
为什么我的CSS过滤器过渡应用于Safari的早期?

我正在尝试使用css过渡进行过滤,并在Safari中获得一些奇怪的结果,但在chrome中按预期工作。 我在CSS中设置初始过滤器和转换(下面的工作代码链接): 一旦添加了具有不同过滤器属性的类,Safari就会应用过滤器,但是在过渡延迟后跳回到原始状态,并动画添加过滤器的过渡动画。 ...

2019-05-30 17:43:26 0 26
以相同的块尺寸将不同尺寸的图像居中

我将不同的图像封装在方形样式块中,我希望始终将它们居中放置,但是我花了很多时间试图使它们这样做。 我举例说明了类似设计中发生的事情。 请注意,产品(烧烤架)实际上并未在imgblock容器中居中。 对于其他宽于窄的产品图像,这开始变得很明显。 .imgBlock { ...

2019-05-30 17:11:00 4 46
CSS网格:水平两个列,但垂直翻转[重复]

这个问题已经在这里有了答案: 根据设备宽度更改CSS的div顺序 1回答 如何颠倒媒体查询中元素的顺序? 4个答案 如何仅使用CSS重新排序div? 23个答案 CSS Grid Layout中列的反向顺序 3答案 我用 得 ...

2019-05-30 16:20:54 1 28
检测div类并将其上方的div更改为内联样式

我试图找到一种用户可以向下滚动的方式,当它到达具有特定类的特定div时,js或jquery会将div上方的内联css更改为position:fixed。 当用户向上滚动并到达上面的div时,将其更改为粘性。 Div A:class:boxA,内联样式:粘性 ----------- ...

2019-05-30 10:04:12 0 26
离子3项目中无法更改按钮样式

当我尝试更改这些组件上的离子按钮样式时,即使使用!important或使用新的自定义类,它也不会改变任何东西。 这是代码: CSS 什么可能导致这样的问题,如何改变? ...

2019-05-30 09:34:32 1 21
使用flexbox创建响应表

如何创建响应表? 我想要的表与此类似: 该表必须是响应式的,因此需要更改的是列的宽度。 我认为最好的解决方案是使用Flexbox但是如何使用? 我试试这段代码: .container { display: flex; border: 1px soli ...

2019-05-30 09:10:50 2 53
如何仅在Flex中用CSS相等地分隔空div?

因此,我的结构与下面的代码段非常相似。 我遇到的问题是,我正在努力使div(例如child相对于容器始终处于相同的高度,即使它们为空。 因此,如果有两个孩子,则必须有父母的50%;如果有三个孩子,则必须占父母的33.3%。 做了很多挖掘工作,尝试使用flex-grow并将其设置在子级上,如 ...

2019-05-30 06:24:53 1 67
如何根据没有宽度的内容大小显示div

我正在地图上显示一些标记。当用户在地图上盘旋时,我正在显示工具提示。但是当我将鼠标悬停在标记上时,我将获得工具提示,如下所示 我试图为父div添加一些css,如位置为相对和宽度为500px,但当我使用样式时,标记从当前位置移动。预期结果如下所示,任何人都可以说我做错了。 ...

2019-05-30 06:12:44 0 46
在translateX和translate3d(x,0,0)之间更快

我正在学习浏览器渲染以了解渲染过程和事件循环。 我一直认为使用新图层进行GPU渲染时,translate3d会更快。 今天我通过性能工具选项卡测试镀铬。 找到以下: translate3d使用了105ms translateX只有 49ms ...

2019-05-30 03:48:19 0 24
指针事件-使用Tab键时,任何事件均不起作用

我正在制作一个表单,其中我在使用Class来使用偶数指针禁用输入:无,当我尝试单击正确的输入时,我的输入不可编辑,但是当我使用“ TAB”键时,是专注于输入,我可以编辑输入,如何防止焦点不应该使用Tab键进入我的输入,而应该允许编辑输入。 您的早期答复表示赞赏。 ...

2019-05-30 03:39:56 1 56
在高DPI显示器上改变div背景和边框之间的0-1px间隙

这是我在CSS中创建的按钮的一个独立示例。 它具有1px边框和渐变,以及背景渐变。 背景渐变实现为伪元素,以允许其悬停时不透明度变淡。 https://codepen.io/anon/pen/wbYoeo?editors=1100 该按钮在不同DPI的监视器之间不会相同。 在 ...

2019-05-30 01:40:15 1 54
如何避免BEM中相同类名的冲突?

我正在使用BEM方法维护网站的网站上维护我的CSS代码。 这是一些HTML代码: 我认为从BEM角度来看, test-wrapper-2更正确,但如果将所有内容捆绑到一个大CSS文件中,恐怕会引起冲突,因为test-wrapper__test-input看起来很常见。 虽然我想为不同 ...

2019-05-29 23:57:46 1 67

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM