CSS填充和字體問題

我在CSS中有一個字體設置和填充的問題，我是一個視覺人，我敢打賭你也是一個，所以這裏是我的問題：http://imgur.com/Wh441.png如果你能解決它我會給你一個upvote：OCSS填充和字體問題

來源

2010-10-11 user472755

如果不需要，您現有的代碼將非常有用。 – 2010-10-11 22:38:11

確實，代碼會讓修復變得容易:) 因爲我很好奇你是如何定位按鈕的。 – no1cobla 2010-10-11 23:22:22

像這樣：http://www.jsfiddle.net/2kYuG/1/但仍然知道這是正確的解決方案，我需要看你的代碼。 – no1cobla 2010-10-11 23:36:49

你可能要找的是line-height屬性。

例子：http://jsfiddle.net/J2g6y/

來源

2010-10-11 22:46:06 Alec

我試了一下，它的工作原理，但取決於我是否放大或縮小瀏覽器停止工作。 – user472755 2010-10-11 23:13:41

好吧，我是通過提供的問題/圖片來進行的......而不是通過閱讀**實際**問題是什麼......僅僅出於興趣，@Alec，你是如何得到'line-height從問題和形象？ – ClarkeyBoy 2010-10-11 23:18:15

@ user472755：在回覆您的編輯時，嘗試使用我的解決方案 - 但用絕對'ul'替換絕對div，使用'bottom：0px;左：10％;'和''float：left'多個'li'標籤。不要在'li'標籤上使用'position：absolute'。 – ClarkeyBoy 2010-10-11 23:21:07

理想情況下，我先給頭增長到有它的底部在不斷增長的按鈕按下，但如果我想基於文本只是調整，我會向上移動文本1EM （這是它自己的高度）

你可以用它玩here

來源

2010-10-11 22:50:24 FatherStorm

這工作正常 - 高達100px ...大聲笑 – ClarkeyBoy 2010-10-11 23:32:52

你到目前爲止的代碼有所需要，而是純粹基於圖像的我會做到以下幾點：

<div style="position: relative;"> 
    <img src="header.gif" /> 
    <div style="position: absolute; left: 10%; width: 10%; bottom: 0px;">Left text</div> 
    <div style="position: absolute; left: 30%; width: 10%; bottom: 0px;">Middle text</div> 
    <div style="position: absolute; left: 50%; width: 10%; bottom: 0px;">Right text</div> 
</div>

很明顯，沒有任何代碼，只有一張圖片才能真正幫助我 - 但是這應該可以幫助您實現這一目標。至少可以將一些額外的努力投入到圖像中，例如您在哪裏使用哪些元素等等。您還需要將上述內容放入CSS中 - 但這只是一個快速，未經測試的嘗試，可以實現您想要的效果。

來源

2010-10-11 22:50:47 ClarkeyBoy

CSS填充和字體問題

回答

相關問題