dreamweaver8软件中创建css样式“文本对齐”为什么没有底部或顶部？我想把文字设成底部

哎呀，这个CSS底部对齐的问题，说实话，我以前没想过。
但现在我明白了一点。
也就是说，您希望文本行在块元素的底部对齐，对吧？例如，文本的行高为 2 5 像素，块元素的高度为 1 2 5 像素，并且您希望文本在底部对齐。

嗯，有几种方法。
让我给你举个例子，使用CSS来设置它。
给这个部分一个类名并写下这些样式： width: 1 00px;高度：2 5 像素；行高：2 5 px；平铺顶部：1 00px；
你看，这里的行高和高度都是2 5 像素，所以文本会垂直居中。
然后将 padding-top 设置为 1 00 像素。
该值等于块元素的高度减去文本的行高，即1 2 5 px
2 5 px = 1 00px。
这样，文本就会被推到块元素的底部。
然而，这只是一种方法，实现这一结果的方法有很多种。
希望这个例子对你有一点帮助。
当时我不太明白，但现在想来，事情并没有那么复杂。

CSS实现水平线内嵌文字效果

说白了，利用CSS打造横线嵌入文字效果，只有三个步骤：画线、调整文字、对齐，但细节中隐藏着很多陷阱。

首先用border-bottom画一条线，像这样.ruler{border-bottom: 1 px Solid black}。
对于我们去年运行的项目，1 px实线就足够了，但如果我们要做进度条，我们可能必须将其更改为3 px红色虚线。
文本部分.text需要转为inline-block，否则转换将是徒劳的。
去年测试的时候，我发现IE1 1 居然把inline-block当成了inline。
我当时真想给自己一巴掌。

关键是垂直居中，translate:translateY(-5 0%)结合inline-block的基线对齐功能。
去年测试的时候，我们发现文字大小和边框距离必须是em单位，比如padding:.5 em，这样在不同设备上效果才会稳定。
一开始我以为背景颜色可以随便设置，后来发现没有配色的复杂背景（比如渐变）会像穿错袜子一样突兀，所以纯色背景用白色，图案用透明。

等一下，还有一件事。
要使多行文本垂直居中，您需要使用 inline-flex 代替并重新计算偏移量。
很多人都没有注意到这一点。
说实话，挺棘手的，但代码量其实也就几行。
用这种方法制作官网banner的嵌入文字效果非常有效。

建议尝试border-bottom的样式属性，如dotted、double，或者使用Linear-gradient制作阴影线。
这绝对值得尝试。