兩列時，沒有

我試圖把一些HTML和CSS，使之發生像這樣的平行時，有足夠的空間和集中在對方：的兩列時，沒有

我有左，右塊文本。當有空間時，我想讓左邊的文字左對齊，右邊的文字右對齊。當沒有空間時，我想讓左側居中在右側。就像這樣：

----------------------------------------------------- 
Left block of text   Block of text on the right 

----------------------------- 
    Left block of text 
Block of text on the right

美中不足的是：這是一封電子郵件，我希望它在Gmail中，這就給我所知，並沒有給我任何的方式來使用媒體查詢工作。

我試圖

<div style="float: left; text-align: center">Left block of text</div> 
<div style="float: right; text-align: center">Block of text on the right</div>

，對於「寬」的情況下工作，但在狹窄的窗口，我得到

Left block of text 
    Block of text on the right

定心只是沒有進入影響。我試着用我能想到的方式設置寬度和最大寬度，但我無法想出可行的方法。

任何有幫助的想法？

來源

2014-04-04 Jay

如果您有任何請指明，可以通過1箇中斷點進行，然後我可以嘗試尋求幫助。 –

我不太確定你的意思是「1分」。如果你的意思是，屏幕大小應該從「平行」跳到「堆疊」，然後是。理想情況下，這將是當它不再符合一行時，但我可以使用一個固定的像素寬度，稍高於該點。 – Jay

由1個斷點我的意思是，如果你可以修復像說768px的寬度。所以'768 px以下的所有設備將會堆疊'，並且'上面的所有設備將具有並行視圖。'這種情況是可能的。 –

js.fiddle

#right{ 
    text-align: right !important; 
} 

div{ 
    border: 1px solid #000; 
    display: inline-block; 
    vertical-align: top; 
    text-align: justify; 
    width: 49%; 
}

是這個有點你想要什麼？

來源

2014-04-04 04:59:14

我敢肯定，這不是OP想要的... – Passerby

嗯，我恐怕這是行不通的。在寬度較寬的情況下，它只是將左邊的文本立即與右邊的文本齊平;並且寬度較窄時，左邊的文字會立即與右邊的文字齊平。 – Jay

兩列時，沒有

回答

相關問題