网页设计怎么使文字向下对齐？

html-css024

网页设计怎么使文字向下对齐？,第1张

最简单的方法是给文字所在的那个标签加一个padding-top,用上填充的方法模拟出文字向下对齐的效果来。

如果不想用这种方法，也有比较复杂的实现手段。假设上面html的代码是是这样的：

广东科技学院??

那么可以这样来定义它的css

.footer{height:100pxposition:relative}

.center{position:absolutebottom:0text-align:center}

给文字做一下绝对定位，这样它的父元素无论高度是怎样，都可以向下对齐了。

div 中的字体如何用CSS控制居下的方法：

1、用margin-top 或者padding-top 设置。

代码：

<div class="text"></div>

.text {width:??pxheight:??pxmargin-top:10px} //这里用margin或padding 都行。

2、设置行高，line-height 属性

如：line-height:30px 数字越大行高越高 行与行的距离越大。

代码：

<div class="text"></div>

.text {width:??pxheight:??pxline-height:??px}