css3

    -1热度

    1回答

    100％宽度与html页面上的变化

    我有一个页面，我想要100％全宽，但是当我使用100vh命令时，我会看到以下内容： 使用的代码：height：100hv; http://s8.picofile.com/file/8312677942/100hv.png 而当我不使用任何命令时，我会面对这个问题： 使用的代码：height：auto; http://s8.picofile.com/file/8312677968/auto.png
    html css html5 css3 2017-11-25

    0热度

    1回答

    相对于Scss更改Bootstrap4字体大小$ font-size-base

    我自定义Bootstrap4，但发现很难理解为什么事情不按预期工作。 导入原始_variables.scss并更改$font-size-base应该工作，否则我们需要将其更改为14个变量（例如$h1-font-size: $font-size-base * 2.5）。并且在将来当我更新我的“node_modules> bootstrap”时，那么我不必再检查$ font-size-base是否已经
    css twitter-bootstrap css3 sass bootstrap-4 2017-11-25

    -1热度

    1回答

    受半透明叠加

    CSS边界不透明度我有这样的项目： https://jsfiddle.net/3xw9aqew/ 当用户将鼠标悬停在灰色框，红色覆盖带有绿色边框/轮廓。但是，此边框将应用于在悬停时应用不透明度值的叠加层。 .image-container:hover .overlay { opacity: 0.3; } 我想覆盖到是半透明的，允许下面的图片可以看到，但我想解决这个
    html css css3 hover border 2017-11-25

    1热度

    2回答

    CSS旋转取决于宽度/固定像素值

    TLDR：我想实现这一目标为可伸缩的解决方案： 较长的解释： 目标是有一个与一个梯度作为背景旋转的刻度。但问题是旋转不能定义为deg，因为它根据浏览器宽度而变化。所以元素应该是100％宽度的浏览器，其左侧的的固定高度为，而右侧的固定高度为固定的较低高度。 基本上，这可以很容易地完成只有水平伸展的图像背景。唯一的问题是，应该有也应该在同一地区被裁剪的图案覆盖，这应该重复和不舒展（你可以看到这些图案由
    css css3 design-patterns rotation clipping 2017-11-25

    1热度

    1回答

    长文本打破我的flexbox布局

    我有两列。 在我的左栏中我有一个p标签。 这个p标签有很多文字，并且在我的专栏之外非常广泛。 当我删除我的p标记列布局看起来很好。 我试过在p标签上设置max-width，但是这不是很好的回应。我希望p标记是col div的100％宽度。 我希望文字的宽度达到100％并很好地包裹。 .wrapper { display: flex; flex: 1 0 auto;
    html css html5 css3 flexbox 2017-11-25

    0热度

    1回答

    CSS Flex - 我有一个项目列表可以需要使他们水平滚动与溢出隐藏

    我有一个div内的3项。 这个容器需要100％的小部件和水平滚动条。 所以就像一个旋转木马。 .wrapper { display: flex; flex: 1 1 0; overflow-x: scroll; overflow-y: hidden; } .content { display: flex;
    html css css3 sass flexbox 2017-11-25

    0热度

    2回答

    为什么媒体查询中定义的字体颜色不起作用？

    为什么媒体查询中定义的字体颜色不起作用？例如， @media (min-width: 576px){ html { color: red !important; font-size: 1.2rem; } } 字体大小有效，但不是颜色即使有！重要。 这是引导4
    css html5 css3 media-queries bootstrap-4 2017-11-25

    1热度

    1回答

    CSS在焦点上添加伪元素

    我想显示焦点上的关闭图标。它已经在React Bootstrap上悬停显示，但我希望它在焦点上显示，并且不显示圆圈。当我悬停在li tag上时，它显示关闭图标（这是使用反应引导程序）。现在我想让相同的图标显示在a tag的焦点上。 Here's the working fiddle. 我的HTML： <div class="test"> <nav class="nav"> <u
    css twitter-bootstrap css3 twitter-bootstrap-3 react-bootstrap 2017-11-25

    0热度

    1回答

    CSS的Flex宽度上的文本

    的线我不太清楚，如果这是可能的CSS，但没有找到那个方向什么，但我会搏一搏： 在（Flex的） - 容器我想要多个（2-3）框/列的文本。每一列都是它自己的文章，它有自己的标题，所以它不是一个文本继续到下一列。 但是，我希望所述列的宽度是灵活的，以便没有列浪费空白空间直到结束。如果一列有空行，它会尝试减小宽度以为自己创建更多换行符并填充该空白，而其他框获得更多宽度以减少文本行数。 在任何情况下，所
    css css3 flexbox 2017-11-25

    0热度

    2回答

    Bootstrap 4垂直对齐中心无法在柔性布局上工作

    使用Bootstrap 4，我有一个响应式布局，包含3列，（应该）在不同的屏幕尺寸上更改顺序，宽度和水平对齐。它所有的工作，只是在屏幕大小< 768px的IMGS的水平居中对齐不正常工作。这里是我的代码： .icon-xl-large { width: 80px; } .w-400px { max-width: 400px; } <link hr
    css twitter-bootstrap css3 flexbox bootstrap-4 2017-12-02
最新问题