何をしても (数時間)、<div class="kafelek"> を隣り合わせに配置できません。現在のコードは次のようになります:
<div class="kafelek">
リーリー リーリー
複数のオプションを試してみましたが、結局すべてが混乱してしまいます。
次のようになります: ウェブサイトの混乱
8 つの .kafelek (つまりボタン) をそれぞれ 1 行で完全に整列させ、.pre1 および .pre2
.kafelek
ボタン コンテナの幅が 0 であるため、フレックスボックスが適切に動作しません。幅を追加すると問題が解決します。
ボタンを上記の pre とほぼ揃えるために、60% の幅を追加しました。現在、pre には float プロパティ セットがあります。理想的には、親コンテナーでページ コンテンツの境界を強制し、float CSS プロパティの使用を回避する必要があります。
pre
60%
float
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ボタン コンテナの幅が 0 であるため、フレックスボックスが適切に動作しません。幅を追加すると問題が解決します。
リーリーボタンを上記の
preとほぼ揃えるために、60%の幅を追加しました。現在、preにはfloatプロパティ セットがあります。理想的には、親コンテナーでページ コンテンツの境界を強制し、floatCSS プロパティの使用を回避する必要があります。