我有一个特殊的网页设计，我必须从已经制作的设计中实现，并且一些文本换行是自下而上填充的（在我的情况下，它是用于彩色方形瓷砖内左下角对齐的细文本，看起来更好比听起来）。也就是说，在跨多行换行的文本块中，首先（水平）填充底行，以便在换行后剩余的任何水平空间留给第一行。
这是一种已知的文本换行吗？我如何在网页中实现它而不在源文本中手动添加换行符？或者您至少可以命名该“功能”以便我可以搜索它吗？
编辑：例如，在文本“这里是链接”中，如果一行没有足够的空间，那么该行应该呈现为“这里 \n 是链接”而不是标准的“这里是 \n 链接” ，其中“\n”是换行符。
您正在谈论的效果称为Vertical Alignment，在本例中为底部垂直对齐。在 InDesign 之类的设计应用程序中（但不是 Illustrator without hacking，moan whinge moan...），有一个简单的按钮。
在 HTML/CSS 中，垂直对齐并不是那么简单。表格单元格的垂直对齐很容易，vertical-align: bottom;在您描述的底部开始文本，但在表格单元格之外，垂直对齐是指图像和其他具有高度的内联元素如何与每个文本块对齐。
但是，您可以强制 HTML div（或任何块元素）垂直对齐，方法是告诉它假装它是具有 CSS 规则的表格单元格display: table-cell;（我见过人们说它必须是假装是表格的东西，或者这在某种程度上是“不好的做法”——他们把它和普通的 HTML 表格混在一起了，这样很好）。然后，您可以添加 CSS 规则vertical-align: bottom;，它会起作用。
不幸的是，您需要一种解决方法来使这项工作在忽略 的旧版本的 Internet Explorer 中display: table-cell;工作，并且在涉及 CSS 的情况下使这项工作可能很棘手float，这通常用于一行或列中的框 ( table-cells 不float) - 问题中描述的瓷砖网格几乎肯定会使用float.
这是网站 JSbin 上的一个精简的实时可编辑示例，演示了如何使其在任何地方都能工作，包括旧版本的 IE，包括浮动磁贴。点击“在 JSbin 中编辑”按钮来查看代码并尝试使用它：有很多代码注释解释了什么是必要的，什么是可选的。
基本原则：使用包装器和带有position: absolute;包装器和position: relative;内容的 Internet Explorer 的后备技巧。
（随机的灰色框是IE7搞砸了JSbin编辑按钮...）
在旧 IE 中工作的最简单的底部对齐示例是以下 HTML：
<!--[if lte IE 7]><div class="old-ie"><![endif]-->
<div class="bottom wrapper">
<div class="content">
This text is bottom aligned
</div>
</div>
<div class="middle wrapper">
<div class="content">
This text is bottom aligned
</div>
</div>
<!--[if lte IE 7]></div><![endif]-->
...还有这个 CSS：
/* for normal browsers...
*******************/
.content {
display: table-cell;
height: 200px;
}
.bottom .content {
vertical-align: bottom;
}
.middle .content {
vertical-align: middle;
}
/* make it more-or-less work in IE6, IE7
*******************/
.old-ie {
position: relative;
}
.old-ie .wrapper {
position: absolute;
}
.old-ie .content {
position: relative;
}
.old-ie .bottom .wrapper, .old-ie .bottom .content {
bottom: 0;
}
.old-ie .middle .wrapper {
top: 50%;
}
.old-ie .middle .content {
top: -50%;
}
最后，这是我不久前写的 StackOverflow（编码问答网站）答案的链接，如果需要，可以更详细地解释如何vertical-align使用浮点数跨浏览器工作（可能是最棘手的情况）以及限制是什么。
我不太确定这是否是提出这个问题的正确网站，但这里有一个您需要的示例（对于 IE，适用于 8 及更高版本）：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
.tile {width:200px; height:100px; background-color:#FFFF00; vertical-align:bottom; display:table-cell;}
</style>
</head>
<body>
<div class="tile">123</div>
</body>
</html>
注意样式中的vertical-align:bottom;anddisplay:table-cell;并随意使用字体、边距等。