最長のボタンの幅に基づいて、同じ幅の 2 つの水平ボタンを作成しようとしています。

• 各ボタンのテキスト内容は、ユーザーが別のページで調整できます。そのため、テキストの長さ/最初のボタンと 2 番目のボタンのテキストの長さを制御することはできません。
• ボタンを最長テキストの長さに合わせて調整しますが、ページの幅を超えないようにしておきます (モバイル デバイスなど)。
• デフォルトでボタンを水平に表示したいのですが、水平に表示されない場合は、列として積み上げられます。
• テキスト全体が収まらない場合は、ボタンのテキストを折り返す必要があります。

 
Yes
 
いいえ、申し訳ありませんが、それはできません
 

さまざまなオプションを試しましたが、うまくいきません。

• グリッド レイアウト Grid-template-colums: 1fr 1fr を使用する場合、必要に応じてボタンを列に積み重ねる方法が見つかりません。
• flex と flex:1 1 0 を使用するときに、ボタンの幅をテキストの長さに合わせる方法が見つかりません。

助けてください!

ありがとうございます！ ダミアン。