我有一个元素,它可能比一行长,所以我必须设置行高> 1,否则它看起来很糟糕。但是,如果我这样做,行高于文本,文本居中。所以它不匹配顶部。如何将文本的位置更改为行的顶部,还是有另一种方法来获得两行之间的空间?行高和对齐问题
Q
行高和对齐问题
0
A
回答
3
根据定义的线高度将字体大小居中在给定线高度内。如果您有12px的字体和16px的行高,文本将位于16px的中间,并在顶部和底部留下2px。
一个解决方案来推动这个文本了,同时保持线高度为负边距添加的元素和负向上推:
float: left;
margin-top: -2px;
+0
sry无法投票导致我在工作中,忘记我的登录。不是最干净的解决方案,但它的工作原理。不要以为浮球有什么区别。 TY – Flo 2009-11-26 14:20:43
0
试试这个:
<style type="text/css">
.spacer
{
line-height:1px;
}
.spacer:after
{
content:".";
visibility:invisible;
line-height:1px;
}
</style>
你可以在上面的CSS代码中增加行高并像这样使用它:
your line one
<p class="spacer"></p>
your line two
相关问题
- 1. 行距和对齐问题
- 2. CSS行高度对齐问题
- 3. 引导网格和行对齐问题
- 4. CSS行对齐问题
- 5. 自举行对齐问题
- 6. 高图表中的对齐问题
- 7. CSS和Bootstrap对齐问题
- 8. 问题与CSS和对齐
- 9. 对齐问题
- 10. 对齐问题
- 11. 对齐问题
- 12. 对齐问题
- 13. 对齐问题
- 14. 对齐问题
- 15. 对齐问题
- 16. 对齐问题
- 17. Css和绝对垂直对齐问题
- 18. 垂直对齐和浮动DIV问题内线高度
- 19. 垂直对齐和行高不工作
- 20. 垂直对齐和行高神秘
- 21. 垂直对齐和行高在CSS
- 22. CSS对齐问题
- 23. wxWidgets对齐问题
- 24. 列对齐问题
- 25. IE对齐问题
- 26. css - 对齐问题
- 27. 对齐问题Div:html
- 28. CSS对齐问题
- 29. JLabel对齐问题
- 30. CSS对齐问题
你是什么意思“行是高于文字“? – 2009-11-26 14:10:20
就像有一个填充,开始,然后一些免费的像素,然后文字,一些免费的像素,结束 –
Flo
2009-11-26 14:13:00