css-grid

    1热度

    3回答

    在CSS网格布局中流畅地缩放项目

    我已经使用display: grid创建了一个布局，我已经使用旧的padding-top技巧来获得流体方形div，但我想知道是否有更好的方法来做到这一点，无论是与CSS网格或Flexbox。布局应该看起来像，而不是使用JS。 https://codepen.io/anon/pen/GWzavX .o-container { margin: 0 auto; max-wid
    css css3 grid-layout css-grid 2017-04-03

    11热度

    1回答

    与SCSS命名的CSS网格线

    我正在使用codepen.io中的新CSS Grid Layout system进行实验。它有一个有趣的功能named grid lines，它允许为列和行之间的网格线定义自定义名称。不幸的是，我似乎无法获得该功能，因为SCSS不赞成[line-name]语法。 #container.named { grid-template-columns: [main-start] 100px [c
    css sass css-grid 2017-04-04

    4热度

    2回答

    使用CSS flexbox或网格布局的响应式图片库

    我正在使用Image-Gallery-Widget，用户可以在其中设置缩略图宽度，缩略图高度和边距（缩略图之间），并且该小组件将呈现所有图像缩略图一个很好的网格，每个图像具有相同的宽度和高度。 我想知道css-flexbox或css-grid是否可以在不需要在代码中定义行和列而不需要断点/媒体查询的情况下实现这一点。 缩略图图像被包裹在一个锚，所以画廊的项目（或并网项目）将是这个样子： <a hr
    css flexbox css-grid 2017-02-21

    9热度

    1回答

    vs CSS Grid和CSS模块的代码和智能感知

    我正在使用VS代码实现使用CSS Grid和CSS模块的项目。然而，当我尝试这样的事情 .loginRegisterDiv { composes: loginDiv; margin: 0px; width: 100%; } 我得到一个错误说，撰写“未知财产”的撰写。另外我正在使用CSS网格，并且在VS代码中似乎没有任何智能感知。我需要安装扩展吗？ 我正在使用ra
    css visual-studio-code intellisense css-grid css-modules 2017-02-28

    4热度

    1回答

    对齐不同父容器的子元素

    我试图在容器之间垂直对齐可变高度元素，即每个容器中的第一个元素彼此垂直对齐，每个容器中的第二个元素与对方垂直对齐，等等等。 我正在使用flexbox，但不知道这是甚至可能吗？或者有可能使用CSS Grid？ 期望的结果 See demo在那里我没有设法得到它的工作呢。 main { display: flex; flex-wrap: wrap; } .
    html css css3 flexbox css-grid 2017-03-03

    3热度

    1回答

    显示：网格 - 百分比与分数

    我想了解如何使用display: grid。 这是我的例子： https://jsfiddle.net/Lycuuu95/ <style> body { padding: 2em; } .wrapper { display: grid; grid-template-columns: 30% 70%; grid-gap: 10px; } .sid
    html css html5 css3 css-grid 2017-01-18

    1热度

    3回答

    什么是正确的网格列声明？

    我很困惑。我正在阅读关于CSS中的网格。我正在读一本书微软，他们已经写了下面的属性： .container{ grid-columns: 1; } 但是，在一个视频，我在YouTube上观看，他们写道： .container{ grid-template-columns: 1; } 哪一个是正确的？
    css css3 css-grid 2017-03-09

    0热度

    1回答

    CSS3网格 - 为什么行不按每列/行定位

    我试图用grid布局设计带有/ OK /向下/向左/向右按钮的电视遥控器。问题在于结果对我来说是意想不到的。我只想定义3行3列，并在它们之间平均分配特定的位置和空间。我究竟做错了什么？该result看起来像这样 Up left OK right down 而不是 Up | <left----OK---Right--> | Down 代码 #gr
    css css3 css-grid 2017-03-18

    4热度

    1回答

    CSS grid＆Sass

    CSS工作组成员Rachel Andrews在会议视频中提到Sass与新的CSS网格规范兼容。那么，有没有人知道为Sass的网格模板区域分隔“ASCII艺术”的语法？自从检查了Sass文档并且找不到任何东西（还）。我得到的错误涉及间距。欣赏社区中的任何指针。如果没有，回的.css直到那时（：谢谢... .wrapper grid-template-areas: header
    css sass css-grid 2017-03-22

    1热度

    2回答

    CSS网格 - 输入不尊重填充

    我发现当使用CSS Grid Layoutinputs不尊重其包含元素的右侧填充。具体来说，grid-template-colums css属性似乎是罪魁祸首。 我发现这个问题，CSS Grid Layout放在一边，通过应用box-sizing: border-box解决。虽然即使应用了这个和CSS重置，我似乎仍然无法解决这个问题。 这里是我的作出反应的应用程序的行为的缩写代码片段： http:
    css css-grid 2017-02-05
最新问题