次のようなナビゲーション バーを作成したいと考えています。
トースト UI ホームページ
これを達成するために、できる限り再現するように努めます。
次のメッセージが表示されます。
＃＃＃私が欲しいものは＃＃＃
オプション 1: 中央揃え
リンク リストの位置を、それを含むリンク グループの位置に応じて動的にしたいと考えています。
私がやったのは左揃えだけでした。
つまり、UI を改善するために、リンク リストをそれを含むリンク グループの直下に配置したいと考えています。
コードとボックスを編集してこれを取得する方法を教えていただけますか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
link-listのpaddingLeftとlink-groupのx座標を設定します。- GetElementByIdを使用する
リーリー-
を設定します。
リーリーlink-listをコンポーネントに分割し、linkGroupId を props として受け取ります。 そして、link-listのpaddingLeftとlink-groupのx座標- リンクグループのID
リーリー
その後、を設定しますoption2
「LinkList」がオーバーフローした場合は、「LinkList」が「.link-list-box」を満たすまでラップしないことが最善です。そうすれば、左側のパディングは自然に減少します。でもどうすればいいのか分かりません。を取得することができました。