主页 / user-379708

Nimaj's questions

Martin Hope
Nimaj
Asked: 2020-05-22 03:26:36 +0000 UTC
  • 1

一共有三行，每新增加30px。如何实施？使用 calc 功能是否可能？ 在此处输入图像描述

HTML 代码：

<div class="list">
    <div><span>Fully responsive design</span></div>
    <div><span>Hihh quality code</span></div>
    <div><span>Diffetent headers & layout</span></div>
</div>

或者每个人都必须分配一个类并设置宽度？

html
Martin Hope
Nimaj
Asked: 2020-04-14 20:37:03 +0000 UTC
  • 0

看，我正在学习成为一名网络程序员，但我认为我无法独自完成这一点。告诉我，你觉得值得花时间吗？以后这个专业会不会很火？只是现在已经有网站建设者了，未来他们可能会在 20-25 年内完全取代网络程序员。然后我们就会失业。

也许进入游戏开发会更好？他们永远不会变老。

还是为手机开发软件更好？只是现在手机的进步很大，在我看来，它们为手机制作的应用程序甚至比为个人电脑制作的应用程序更多，因为手机更方便，你可以随身携带。我认为Android/iOS开发不会死

веб-программирование
Martin Hope
Nimaj
Asked: 2020-03-31 21:30:40 +0000 UTC
  • 0

事情是这样的：我自己做了一个网站（免连作品集重新模板），有一个带照片的小作品集（有屏幕）在此处输入图像描述

因此，在这个作品集中，这些照片具有不同的高度，它们仍然“进入”其他照片之间的空白区域（如屏幕截图所示）。我试着用 flex 来做，grid 也试过......不，它没有用。有这样一个想法：让块（照片包含在单独的块中）调整到每张照片的高度，然后它们自己会“进入”照片之间的这些空白空间。但是如果可以让子元素采用父元素的样式，那么反之就不行了（

这是代码：HTML

<body>
<header>
    <div class="container">

    </div>
</header>
<section class="portfolio">
    <div class="container">
        <div class="port">
            <div class="img">
                <img src="img/image1.png" alt="">
            </div>
            <div class="img">
                <img src="img/image2.png" alt="">
            </div>
            <div class="img">
                <img src="img/image3.png" alt="">
            </div>
            <div class="img">
                <img src="img/image4.png" alt="">
            </div>
            <div class="img">
                <img src="img/image5.png" alt="">
            </div>
            <div class="img">
                <img src="img/image6.png" alt="">
            </div>
            <div class="img">
                <img src="img/image7.png" alt="">
            </div>
            <div class="img">
                <img src="img/image8.png" alt="">
            </div>
            <div class="img">
                <img src="img/image9.png" alt="">
            </div>
            <div class="img">
                <img src="img/image10.png" alt="">
            </div>
        </div>
    </div>
</section>

css

 .container{
   width: 100%;
   max-width: 1140px;
   margin: 0 auto;
}
header{
   background: grey;
   height:100vh;
}
.port{
   display: flex;
   flex-wrap: wrap;
   justify-content: s`введите сюда код`pace-between;
}
html