CSS上的其它

Question

我想有兩列頂部堆疊列一個（左列文本對齊權，與對齊文本右列左）的崩潰在彼此的頂部時，文檔大小調整到某個寬度以下。當發生這種情況時，我還希望兩個文本的對齊更改爲中心。

問：我怎樣才能做到這一點使用純CSS（沒有CSS3或JavaScript）？

編輯：這是我首先就其堆疊在另一個的上面列一個問題時，寬度減小，但比對，當然，保持左/右。

<div style="max-width: 500px;"> 
    <div style="min-width: 240px; display: inline-block; font-weight: bold; text-align: right;">Delivery date:</div> 
    <div style="min-width: 240px; display: inline-block; text-align: left;">Tuesday 24 May</div> 
</div> 

Answer 1

使用媒體查詢爲同一

HTML

<div style="max-width: 500px;"> 
    <div style="min-width: 240px; display: inline-block; font-weight: bold;" class="text-right">Delivery date:</div> 
    <div style="min-width: 240px; display: inline-block;" class="text-left">Tuesday 24 May</div> 
</div> 

CSS

text-left{ 
    text-align:left; 
} 
.text-right{ 
    text-align:right; 
} 
@media (max-width:991px){ 
    .text-left, .text-right{ 
    text-align:center; 
    } 
}