84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
私はこの問題を解決するために 2 日間を費やしましたが、一人では解決できないことに気づきました。親を基準にしてツールチップを中央に配置しようとしています。これは私のコードです =>
リーリー リーリー リーリー
期待される結果は次のようになります =>
float、text-align、justify-content、margin: 0 autoを使用してみましたが、表示されるものはすべて中央揃えになりましたが、何も機能しませんでした ＃＃＃ありがとう。
を使用してみましたが、表示されるものはすべて中央揃えになりましたが、何も機能しませんでした
解決策が見つかったようです。追加した： ＃＃＃ リーリー
リーリー
中心基準となる要素を相対要素として設定します。あなたの場合、.btnClass と一貫性を保つ必要があります。このようにして、クラスはそのコンテンツをラップできます。
.btnClass
これで、ツールチップを中央に配置できます。左の位置を 50% として定義し、transform と translateX(-50%) を使用して、transform 属性が要素自体の -50 % 移動するようにします。はすでに 50% 左に移動されているため、結果は完全に位置合わせされます。
50%
transform
translateX(-50%)
最終結果:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
解決策が見つかったようです。追加した： ＃＃＃ リーリー
すべてを中央に配置し、次のようにします:リーリー
垂直オフセット。中心基準となる要素を相対要素として設定します。あなたの場合、
リーリー.btnClassと一貫性を保つ必要があります。このようにして、クラスはそのコンテンツをラップできます。これで、ツールチップを中央に配置できます。左の位置を
リーリー50%として定義し、transformとtranslateX(-50%)を使用して、transform 属性が要素自体の -50 % 移動するようにします。はすでに 50% 左に移動されているため、結果は完全に位置合わせされます。最終結果: