gpt4 book ai didi

html - 在垂直中间对齐文本

转载 作者:可可西里 更新时间:2023-11-01 13:40:05 24 4
gpt4 key购买 nike

我有以下 HTML/CSS 代码,其中一行文本显示在带有深绿色轮廓的绿色框中。不幸的是,文本显示得更靠近框的顶部。我希望它位于垂直中间。我需要更改什么才能获得这种效果?

谢谢,保罗H

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.foo
{
outline: 1px solid #98BF21;

color: #333333;
background-color: #EEFFCC;

height: 27px;

font-size: 15px;
font-family: "Lucida Console","courier new";

vertical-align: middle;

margin: 1px 0px 0px;
padding: 0px 5px;

overflow: auto;
display: inline-block;
}
</style>
</head>
<body>
<span class="foo">Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
</body>
</html>

最佳答案

参见 here .

在您的情况下,如果您的文本只有一行,则方法 2 有效。只需将 height 替换为 line-height

关于html - 在垂直中间对齐文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5182862/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com