css3

    -1热度

    1回答

    当我在google chrome中打开下面的代码时,header和signIn选择器的跨度比.create选择器长得多,即使它们应该跨越一列。会有人有什么可能会导致这个问题的想法吗?谢谢 grid { display: grid; height: 1800px; border: 2px blue solid; grid-template: 1fr 1fr 1fr 7fr/repeat(8,

    -1热度

    2回答

    我正在尝试创建两列,比如将在我的网页上并排显示的新闻纸。这是基本的HTML。每列以h1标签开始,然后列的主体是一个带有几句话的p标签。什么样的CSS设计师最适合做到这一点?

    1热度

    1回答

    我试图通过在顶部显示标题而不衰减来实现幻灯片显示。 我无法做that.Can有人帮助我在改变代码,以便幻灯片标题 这里开始下的是链接到我的codepen https://codepen.io/arunkayathi/pen/EbxpEv #landing-header { background-repeat: no-repeat; background-size:100%;

    0热度

    1回答

    这里是我的代码,我正在动画一个简单的div。但问题是,我想在增长到全尺寸时减慢速度,因为您可以看到它突然闪烁并缩小。 有人可以帮助我。 html { background: black; overflow: hidden; height: 100%; } .loader { height: 40px; widt

    3热度

    1回答

    我正在学习CSS柔性盒的东西,当我与它周围玩我发现了一个有线的事情: .container { width: 100%; display: flex; border: 5px solid grey; } .box1 { border: 2px solid red; width: 30%; heig

    1热度

    4回答

    我有一个父容器,里面有一些子组件。最后一个孩子必须放在容器的底部。我尝试使用justify-content: space-between,但它不适用于我,因为我需要最后一个元素和其他元素之间的空间更大,更明显。我结束了尝试position:absolute,bottom: 0,但孩子的宽度大于父母。 也许有更好的方法来做到这一点,通过与flex混合,只是无法做到这一点。 .Parent {

    0热度

    1回答

    我正在寻找一种方法来选择CSS网格中的列。我发现了一种使用:nth-child()选择器在静态网格中选择列的方法。例如:在3列网格中,:nth-child(2)将选择第二列中的每个网格项目。 但是,如果您有像我这样的三个媒体查询的响应式网格,这不起作用。我的网格有24个网格物品。在移动设备上,内容以3列8格的格子显示。在平板电脑上,它以4×6网格显示,依此类推。我需要一种方法来选择第三列,例如无论

    0热度

    1回答

    我面临的一个问题是,将主页面布局中的标题拆分为左下角至右上角。我找到的所有资源都将它们分成两种颜色。但是,当我想添加图片时,我看不到任何结果。 见我做的代码,我不知道如何消除它们之间的空间 class-image-1 { background-image: url(/img/imag-1-bg.png); height: 100vh; -webkit-clip-pat

    1热度

    2回答

    我已经使用Flexbox并排对齐了两个div,并且我希望这两个div中的文本都以相同的级别推到div的底部,但似乎在各个文本下面有不同的间距级别。 .wrapper { display: flex; flex-direction: row; } .block1 { font-weight: bold; font-size:

    0热度

    1回答

    <div class="main-container"> <a> <img class="img-responsive" /> </a> </div> .container { min-width: 300px; width: fit-content; max-width: 50%; } .img-responsive {