CSS文字下移几个PX

html-css016

CSS文字下移几个PX,第1张

想要将css文字下移几个px的方法是有很多的也很简单,一般常见的方法是将文字放在div标签里,然后对div进行样式属性的配置。这样的好处是使文字被外层的div保护着,不会被外部干扰,可以单独进行更多的配置。以下演示具体步骤:

1、首先打开HTML文件编辑器,然后新建一个HTML文件并HTML文件的基本标签元素。

2、添加完基本标签元素后在body标签里添加一个div元素,然后在div元素里添加想要展示的文字。

3、接下来对div元素进行样式属性的设置,这里使用行外式的配置方法,也可以使用行内式,外部式都可以,假定要下移10个px单位,核心代码是margin-top:10px;

4、保存后运行,效果如图:

1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,这里设置一个外围的div盒子,给外围的div高度宽度和背景颜色,文字包裹到span标签里,文字也设置一下颜色,按下Crtl+S保存一下:

2、此时可以在软件右侧的窗口可以看到效果:

3、把外围盒子的position属性设置为relative,span标签里的position属性设置为absolute,设置top、left、right、bottom的数值,此时在右侧的窗口就会发现文字的位置已经改变了:

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

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