国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Ich bin verwirrt, warum ich zu diesem Thema nicht justify-content: space- Between oder space-evenly kann?
P粉320361201
P粉320361201 2024-01-29 09:54:16
0
1
454

Ich versuche, dieses Layout gleichm??ig zu verteilen, es ?hnelt im Grunde einem Kartenlayout. Ich bin verwirrt, warum es trotz der Ausführung von justify-content: space- Between oder space-evenly keinen Abstand gibt. Ich m?chte, dass das ?Andere“ gleichm??ig verteilt ist.

Das ist mein JSX

<section className="skills-wrapper">
    <div className="content-wrapper">
        <h1>Tech-Stack</h1>
        <div className="container">
            <div className="title">
                <h2>Web Development</h2>
                <div className="box">
                    <div className="name">
                    </div>
                </div>
            </div>
            <div className="title">
                <h2>Software Development</h2>
                <div className="box">
                    <div className="name">
                     </div>
                </div>
            </div>
            <div className="title">
                <h2>Others</h2>
                <div className="box">
                    <div className="name">
                     </div>
                </div>
            </div>
        </div>
    </div>
</section>

Das ist mein CSS:

.skills-wrapper{
  width: 100%;
  height: 100vh;
  background: #CCD6F6;
}

.content-wrapper{
  width: 100%;
  max-width: 75.5em;
  padding: 1.875em;
  margin: 0 auto;
}

.content-wrapper h1{
  font-size: 2rem;
  color: #E1065E;
  padding: 0.524em 0;
}

.container{
  background: #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container .title{
  display: flex;
  width: 100%;
}

Ich habe versucht, zurückzugehen und erneut auszuführen, komme aber immer noch nicht dahinter. Kann mir jemand helfen? Ich bin verloren

P粉320361201
P粉320361201

Antworte allen(1)
P粉462328904

.container .title 選擇器中刪除 width: 100%;。

.container .title {
    display: flex;
    /* width: 100%; */
}
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage