css不在屏幕上更新 - 清除緩存，更改瀏覽器等

我有種奇怪的問題。不管我對CSS風格.blurb做什麼，屏幕上都沒有任何變化。我已經在3個瀏覽器（FF，Chrome，Safari）中清除了緩存，但似乎沒有對live site進行任何更改。css不在屏幕上更新 - 清除緩存，更改瀏覽器等

我試圖讓.blurb居中放在容器中，這樣不管文字說什麼，它都會有相同的空間，並且放在一邊。

目前，我使用了以下內容：

.blurb { 
    padding-bottom: 100px; 
    padding-top: 100px; 
    margin: 0 auto; 
} 

.blurb p { 
    font-family: alexandria; 
    font-size: 193%; 
    font-weight: normal; 
    line-height: 1.5; 
} 

<div class="blurb"> 
    <p style="text-decoration:underline;color:#f20000;"><span style="color:#282828;">You look like you could use a massage.<br />BodywoRx is here to help.</span></p> 
</div><!-- end blurb -->

澄清一些混亂，我有2個相關的問題。

我看不到，到CSS不管是什麼我已經通過清除高速緩存，改變瀏覽器的方式進行現場做出改變等

2.我需要到的變化看到容器內.blurb居中，這樣不管文中說什麼，都會有平等的空間，它是正確的，讓側

來源

2012-07-12 AMC

在您的網站上原有的CSS中，'div.blurb'已經集中（它的寬度爲700像素）（在Chrome瀏覽嘗試使用開發人員的工具來檢查）要中心文本使用'文本對齊：中心'就像「希望我幫助」 – 2012-07-12 17:55:09

@AlvinWong我很確定OP希望文本保持對齊的左側，但要讓它居中頁。 – Wex 2012-07-12 17:58:31

文本自動流程取決於寬度，所以用純CSS做這件事相當困難。使用一些JavaScript可能會有幫助。（P.S.重寫你的問題和標題，因爲這不是你的問題） – 2012-07-12 18:01:24

<p>是塊級元素。因此，它將佔據容器的整個寬度，除非其寬度是固定的。您可以通過使父項具有text-align: center來居中內聯元素，例如<span>標記。要使<span>擁有text-align: left，請使用display: inline-block。

<p class="blurb"> 
    <span> 
     You look like you could use a massage.<br />BodywoRx is here to help. 
    </span> 
</p>

CSS：

.blurb { text-align: center; } 
.blurb > span { text-align: left; display: inline-block; }

參見：http://jsfiddle.net/Wexcode/h2njQ/

來源

2012-07-12 17:56:25 Wex

好的黑客，唯一要注意的是IE6（如果OP關心）：P – 2012-07-12 18:05:06

儘管在這種情況下使用內聯樣式或更復雜的選擇器似乎更好，如'.blurb> span' – 2012-07-12 18:17:11

當然，我只是想以說明一點。我已經更新了我的答案以反映這些選擇器。 – Wex 2012-07-12 18:57:55

要居中你的文字，你將需要使用text-align：

.blurb { 
    padding-bottom: 100px; 
    padding-top: 100px; 
    margin: 0 auto; 
    text-align: center; 
}

如果您只是希望將內容居中，則需要確保其父容器具有固定寬度或blurb具有固定寬度。目前，它佔據了其父容器（可能是網頁）的100％，導致margin:auto在水平角度上無效。

來源

2012-07-12 17:52:20

這並沒有真正回答這個問題。 – Wex 2012-07-12 17:57:13

我試過調整.blurb的寬度，但是不管我做什麼，寬度都沒有改變，因此居中不起作用。 – AMC 2012-07-12 18:17:43

css不在屏幕上更新 - 清除緩存，更改瀏覽器等

回答

相關問題