html - 1行の左揃えと右揃えのテキスト

Question

ここでPhrogzによって雄弁に示されているように、右揃えと左揃えのテキストについて質問がありました。

ウィンドウが小さくなりすぎると、2つの<div>タグが互いに接触すると、右揃えのテキストが次の行にぶつかります。

同じ行にとどまるようにこれをコーディングする別の方法はありますか？たとえば、上記の例では、2番目の<div>タグが接触したときに、移動を停止してウィンドウを閉じます。

score 2 · Accepted Answer

@Mikeが述べたように、私たちは与えることができます

min-width：xxxpx;

またはその他

試す

位置：固定;

あなたの問題を解決するよりも各スパンで

score 1 · Accepted Answer

min-width1つのオプションは、属性を追加することです。.title

.title
{
    min-width: 300px;
}

それはあなたの質問に十分に対処していますか、それとも何か他のことを考えていましたか？

score 0 · Accepted Answer

私があなたの質問を理解していれば、そうではありません。絶対測位を使用しない限り、画面が小さくなりすぎた後は、正確に見栄えを良くすることはできません。

score 0 · Accepted Answer

はい、min-widthプロパティとmin-heightプロパティを追加して、メニューの場所を配置できます

.heading {min-width：200px; min-height：100px; }

score 0 · Accepted Answer

これを使って：

.title {オーバーフロー：非表示;}

hiddenの全体的なポイントは、オーバーフローに対応しようとするのではなく、これを防ぐことです。このプロパティは、オーバーフローをほとんど無視して、画面上で非表示にします。

5 に答える 5