將文本對齊

我有一個文本里面的文本，line-height比文本的高度更大。這意味着每行文本上方和下方都有空間。將文本對齊

右側有一個垂直邊框，我想將其頂部與文本頂部對齊。我需要以某種方式將文本對齊到行的頂部。

這是可能的還是可以有人幫我在這裏？

fiddle

來源

2013-09-24 Bill

你能搗鼓這個好嗎？ –

@GaneshPandhere http://jsfiddle.net/peTGY/ – Bill

[使用行高時頂部對齊塊元素可能重複]（http://stackoverflow.com/questions/4089379/align-block-elements-on-頂級使用線條高度） –

沒有與行高搞亂：

div{ 
    position: relative; 
    font-size: 16px; 
    line-height: 24px; 
    width: 25px; 
    padding: 0px 0px 0px 10px; 
} 
div:before { 
    position: absolute; 
    content: ''; 
    top: 6px; 
    left: 0px; 
    bottom: 6px; 
    width: 0px; 
    border-left: 1px solid black; 
}

值top和bottom應該等於(line-height - font-size)/2但由於不同的字符高度將需要一些手動輕推。

演示：http://jsfiddle.net/NcbB7/

來源

2013-09-24 13:29:55 mikedidthis

乾杯大耳朵 – Bill

沒問題先生，別當陌生人！ – mikedidthis

回答

相關問題