2013-03-21 59 views
0

我想知道是否有辦法讓H1標籤的寬度與您在屏幕上可以看到的文字寬度相同。如何使文字標籤寬度與視覺文字相同?

對於我來說,如果我沒有爲H1標籤設置寬度,它的寬度會達到100%,如果它的寬度太大,我無法保證。

的jsfiddle: jsfiddle.net/PBWjr/

+0

你可以在jsfiddle上顯示這個嗎? – 2013-03-21 02:45:42

回答

0

這樣做會像這樣,最好的辦法:

<h1><span>Your text here</span></h1> 

然後你就可以根據需要樣式h1>span

+0

我確實喜歡你,但它仍然不會保證金:0自動 這裏是我的工作方式http://jsfiddle.net/PBWjr/ – Arbitur 2013-03-21 03:02:10

+0

爲什麼不使用'text-align:center'? – 2013-03-21 03:31:18

0

如果我得到了正確的你的問題:

爲中心的內容,你有兩個選擇:

  1. 要設置寬度和保證金汽車,在左側和右側。
  2. H1括入div並設置text-align:center

這裏有一個小提琴http://jsfiddle.net/anirudhvarma/54Ujn/

剛一說明,如果你想使用第一個方法,不要忘了添加<!doctype html>否則IE會把它全部在左邊!