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

html-css08

div 中的字体如何用CSS控制居下,第1张

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}

好像没这个属性……只能用JS计算尺寸然后顶一下吧……外层DIV套俩小DIV,然后先让上层的高度为0，下层自然，然后取clientHeight，再计算出差值后，让上层的高度等于这个差。

给div加line-height再给div个height和overflow:hidden 这种是单行的。。多行的就给文字用margin-top和给div上padding-top都可以。。给文字用margin-top的话要文字在块级元素里才行

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：textarea {margin-top: 100px}。

3、浏览器运行index.html页面，此时文本框被成功下移了100px。