标签[css3]

CSS(级联样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体,和动画。 它还描述了应如何在屏幕,纸张,语音或其他媒体上呈现元素。

0
1回复
32

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

我正在使用此处介绍的技术,但遇到一个问题,有时图像按预期排列在列中,但有时它们堆叠在彼此的下面,这不是我想要的。 我尝试添加white-space:nowrap ,它使图像显示在同一行上,但
0
2回复
31

引导柱宽度调节

我是使用Bootstrap的新手。 我尝试调整3行的行使其适合,最后一列又分为3行,但是该行重叠且难以正确显示。 我的cshtml第一行: 第二行和第三行直接通过col-md
0
1回复
30

使用Sass将样式应用于具有空的下一个兄弟的元素

是否可以根据元素的下一个兄弟是否为空来设置元素的样式。 <ul class="menu"> <li class="label">Hide me w
0
1回复
35

Html元素没有采用绝对定位和flexbox内部的全宽度

右侧的灰色块( https://jsfiddle.net/var6u4g7/ )不占用其内容的全部宽度。 它使用righttext的大小,如果在righttext元素中添加更多单词,您将看到灰色
3
0回复
125

如何让Firefox正确计算他的孩子是宽度为img的img时的宽度? (在相对位置包装器中)

我正试图在Firefox和Chrome上一致显示我的画廊。 但首先,它并不像预期的那样...... 我强迫图像的高度,让宽度自动。 在两个浏览器上,图像都被正确调整大小...在Firef
0
0回复
26

为什么我的CSS过滤器过渡应用于Safari的早期?

我正在尝试使用css过渡进行过滤,并在Safari中获得一些奇怪的结果,但在chrome中按预期工作。 我在CSS中设置初始过滤器和转换(下面的工作代码链接): 一旦添加了具有不同过滤器
2
4回复
46

以相同的块尺寸将不同尺寸的图像居中

我将不同的图像封装在方形样式块中,我希望始终将它们居中放置,但是我花了很多时间试图使它们这样做。 我举例说明了类似设计中发生的事情。 请注意,产品(烧烤架)实际上并未在imgblock容器
0
1回复
28

CSS网格:水平两个列,但垂直翻转[重复]

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

import font .woff not work被css文件引用 - 在Localhost上工作得很好但在anther主机中没有

我在localhost上构建了网站,然后在主机中上传了CSS + JS +字体并将其与HTML <link rel="stylesheet" href="http://www.xathena
0
0回复
26

检测div类并将其上方的div更改为内联样式

我试图找到一种用户可以向下滚动的方式,当它到达具有特定类的特定div时,js或jquery会将div上方的内联css更改为position:fixed。 当用户向上滚动并到达上面的div时,将其
0
1回复
21

离子3项目中无法更改按钮样式

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

使用flexbox创建响应表

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

如何仅在Flex中用CSS相等地分隔空div?

因此,我的结构与下面的代码段非常相似。 我遇到的问题是,我正在努力使div(例如child相对于容器始终处于相同的高度,即使它们为空。 因此,如果有两个孩子,则必须有父母的50%;如果有三个孩
0
0回复
46

如何根据没有宽度的内容大小显示div

我正在地图上显示一些标记。当用户在地图上盘旋时,我正在显示工具提示。但是当我将鼠标悬停在标记上时,我将获得工具提示,如下所示 我试图为父div添加一些css,如位置为相对和宽度为500
0
1回复
39

有没有其他方法可以改变引导导航链接的颜色? 使用黑暗主题

使用bootstrap框架并尝试更改黑暗主题上的导航链接颜色时,有一种非常具体的定位方式,这是唯一的方法,如果有人想出另一种方式,我很好奇。 这是唯一有效的选择器
0
0回复
24

在translateX和translate3d(x,0,0)之间更快

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

指针事件-使用Tab键时,任何事件均不起作用

我正在制作一个表单,其中我在使用Class来使用偶数指针禁用输入:无,当我尝试单击正确的输入时,我的输入不可编辑,但是当我使用“ TAB”键时,是专注于输入,我可以编辑输入,如何防止焦点不应该使用
3
1回复
54

在高DPI显示器上改变div背景和边框之间的0-1px间隙

这是我在CSS中创建的按钮的一个独立示例。 它具有1px边框和渐变,以及背景渐变。 背景渐变实现为伪元素,以允许其悬停时不透明度变淡。 https://codepen.io/anon/p
0
1回复
67

如何避免BEM中相同类名的冲突?

我正在使用BEM方法维护网站的网站上维护我的CSS代码。 这是一些HTML代码: 我认为从BEM角度来看, test-wrapper-2更正确,但如果将所有内容捆绑到一个大CSS文件中,
0
0回复
22

当我将flexbox-column高度设置为100%时,它会使其父级高度更大[重复]

这个问题在这里已有答案: 为什么百分比高度不适用于我的div? [重复] 2个答案 Chrome / Safari没有填充100%高度的flex parent 4答案

1 2 3 4 5 6 7 8 9 10 下一页