将文本对齐

我有一个文本里面的文本，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

回答

相关问题