Question

我有一个包含大量文本元素的HTML页面。我希望文本与包含div的底部对齐，以便它接触div的底部。

我尝试过，但文字和底部之间仍有一些空间。有什么方法可以删除这个空格并使文字触及底部吗？

Here是我尝试过的实时样本。

<html lang="en">
<head>
    <style type="text/css">
        .bottomAlignedText {
            position: relative;
        }
        .bottomAlignedText span {
            position: absolute;
            bottom: 0;
            left: 0;
        }
    </style>
</head>
<body>
<div class="bottomAlignedText" style="width: 600px; height: 600px; border: 1px solid;">
    <span style="font-size:300px;">Test</span>
</div>
</body>
</html>

Answer 1

您可以使用line-height

执行此操作

＆＃13;

find "%username%" "c:\Users\johndoe\Desktop\myfile.txt" >nul
if %errorlevel%==0 net use J: \\johndoe-pc\Users\johndoe\Desktop\Test

＆＃13;

.bottomAlignedText {
  position: relative;
}
.bottomAlignedText span {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0.7;
}

＆＃13;

如何使文字触及div的底部

1 个答案: