2012-10-23 27 views
1

對齊文本我有一個問題關於右&向左雄辯地Phrogz說明這裏對齊文本:左和右在一行

How to align this span to the right of the div?

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

行爲當窗口太小當兩個<div>標籤相互接觸時,右對齊的文本會碰到下一行。

有沒有另一種方法來編碼,讓他們留在同一行?例如在上面的示例中,第二個<div>標籤觸及時,我希望它停止移動並將窗口關閉。

+0

可能的重複[如何將此跨度對齊div的權利?](http://stackoverflow.com/questions/5067279/how-to-align-this-span-to-the-right-of -the-div) –

+0

@ JukkaK.Korpela Negative ...這個問題是對你提到的問題的補充,而不是重複。請確保您在提出建議之前瞭解手頭的問題。 – Mike

+0

爲定位目的你可以使用浮動屬性 和您的調整大小問題你可以使你的父母div是相對位置屬性。 –

回答

1

一個辦法是到min-width屬性附加到.title

.title 
{ 
    min-width: 300px; 
} 

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

這是否足以解決你的問題還是你心裏有什麼東西?

+1

是的!謝謝!這正是我想要獲得的行爲。 – billynoah

0

不是真的,如果我理解你的問題。除非您使用絕對定位,否則在屏幕變得太小之後無法使其看起來很好。

2

如@Mike提到我們可以給

最小寬度:xxxpx;

要不然

嘗試

位置是:固定;

在每個跨度

比將解決您的問題

0

是的,你可以添加最小寬度和最小高度屬性來定位你的菜單

.heading { MIN-的地方寬度:200像素; min-height:100px; }

0

使用此:

.title僞{溢出:隱藏;}

隱藏的整點是爲了防止這一點,而不是試圖以適應溢出,這個屬性幾乎忽略它並讓它隱藏在屏幕上。