對齊對象

這是一個完整的設計，我要去爲： enter image description here 對齊對象

這是代碼：http://jsfiddle.net/rlesko/f3R7r/4/

幾個問題：

爲什麼不代碼margin-left更改對象#date時什麼也不做？
你知道一個代碼，我可以用它來將一個#separator對象放在.post-bg（白色背景）上嗎？我在我的CSS中使用了margin-left。
如何將<h2>文本的右邊框與<p>文本的右邊框對齊，但保留<h2>文本的右對齊？
爲什麼自定義字體代碼不適用於這個小提琴？

來源

2011-11-10 rlesko

很多點的最好放入不同的問題，但無論如何...

它確實工作！ Margin is set to 550px to prove
您可以使用分隔符元素上的margin: 0 auto;來居中它。 See here。
使用text-align: justify;可以在兩側對齊所需的文本對齊方式。 See it here。
我認爲這與無法跨域服務字體有關。但我不是100％肯定的。

來源

2011-11-10 15:30:04 Kyle

謝謝爲你的答案。 1）愚蠢的我，我沒有注意到左側的所有空間，只嘗試了大約100px。 2）太好了，謝謝。 3）不，我希望標題的最右邊（單詞'ONE'）與主體的右邊界（段落）一致，但是我希望標題內部的文本看起來像它一樣它與左邊對齊。我必須使用保證金嗎？還是有其他方法？如果我使用右側的邊距，其餘的對象會變形，我無法對齊。 – rlesko

要將文本對齊到右側，請使用'text.align：right;'。邊距是元素邊緣外的空間。 – Kyle

我知道。看這張圖片：http://i39.tinypic.com/24f9xmv.jpg紅線顯示了什麼需要與什麼對齊。 – rlesko

保證金的作品，但H5是怪異和適當的餘量，以把它像你想的是：保證金：0 0 0 135px; （在螢火蟲中測試）
margin：0 auto;
text-align：justify？
由於媒體火災進行重定向並將您的網址轉換爲：http://www.mediafire.com/?f9selsldbgm6dnw，然後只有您可以dl該文件。這不是一個真正的直接下載，這就是爲什麼你的字體無法正常工作。例如，將其上傳到您自己的域中。

試試這個來代替：http://www.amws.fr/Univers.ttf

編輯：我也建議使用完整@字體面的代碼，使所有瀏覽器都支持你的CSS以及：

@font-face { 
    font-family: 'LiberationSansRegular'; 
    src: url('http://www.amws.fr/Univers.eot'); 
    src: url('http://www.amws.fr/Univers.eot?#iefix') format('embedded-opentype'), 
     url('http://www.amws.fr/Univers.woff') format('woff'), 
     url('http://www.amws.fr/Univers.ttf') format('truetype'), 
     url('http://www.amws.fr/Univers.svg#LiberationSansRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

來源

2011-11-10 16:35:06 CAP

回答

相關問題