垂直對齊塊中的一些文本<a>標記

我需要一個css gunu來幫助我處理這個問題。右我有一個標籤，它是一個固定寬度和高度的塊元素。它內部是背景圖片和圖片標題。我試圖將文本對齊到底部，我沒有收到任何地方。我試過 display：table-cell; vertical-align：bottom; 以及各種不同的方式。 Bu無處可去。我知道我可以做線條高度，但在元素周圍有奇怪的虛線。剛剛試過有一個跨度的文本在一個標籤和垂直對齊，但沒有喜悅，雖然下劃線已經移動到底部。這很奇怪！任何幫助非常讚賞。 Richard垂直對齊塊中的一些文本<a>標記

來源

2010-03-15 Richard Housham

如果您發佈當前的html + css，它會更容易幫助。 – ghoppe 2010-03-15 16:32:44

父元素需要顯示：表，然後你要在底部元素具有顯示：表細胞;對齊：底部;

來源

2010-07-30 18:35:22 Billy

你的目標是哪些瀏覽器？這工作得很好，我在IE8.0.6和FireFox 3.5.8：

<a style="display:block;height:200px;width:200px;background:blue;display:table-cell;vertical-align:bottom;">This is a test</a>

注意我用兩個display:table-cell;和vertical-align:bottom;。你們兩個都需要。不知道你是否嘗試過。

如果這給您帶來麻煩（您是否針對IE6？），您將不得不將您的<a>元素放置在塊級元素中，然後定位它。

<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;"> 
    <a style="position:absolute;bottom:0px;">Your text</a> 
</div>

來源

2010-03-15 16:39:43

感謝您的回覆。我所有的瀏覽器都很好。但麻煩的是我正在漂浮一個標籤，這意味着這似乎不想玩球。至少第一個不在ie8或ff3.6中 – 2010-03-15 17:04:22

垂直對齊塊中的一些文本<a>標記

回答

相關問題