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

Question

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

このスパンをdivの右側に揃える方法は？

http://jsfiddle.net/8JwhZ/3/

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

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

Answer 1

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

min-width：xxxpx;

またはその他

試す

位置：固定;

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

Answer 2

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

.title
{
    min-width: 300px;
}

http://jsfiddle.net/8JwhZ/469/

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

Answer 3

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

Answer 4

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

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

Answer 5

これを使って：

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

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