html如何调整文字位置

text-align:center
或者left和right
想随意放哪里就<div style="left: 100px; position: absolute; top: 100px;">问字</div>
left 和 top 是设置距离页面左上角的距离。

首先我们打开自己的电脑，找到已经安装好的Dreamweaver，新建一个html页面，并保存到桌面上。

然后我们在html的编辑窗口，编辑元素，使其中显示若干文字，我是用的div标签进行布局显示的。

其在浏览器中的显示效果如下图所示，我们可以很清晰的看到，文字明显的靠上靠左对齐。

接下来我们就需要为文字元素添加一定的对齐方式，首先我们让其居中对齐，即使用text-align:center;

使用之后在浏览器中进行效果查看，可以很清楚的看到，文字相对于之前靠右对齐了。

我们可以从上一个图中看到，文字在垂直方向上还是不对齐的，接下来我们就需要为文字添加垂直对齐样式，line-height，我们需要将这一样式的大小设为文字外层元素的高度大小，这样便可正好垂直居中对齐了。

7

接下来我们刷新浏览器中的页面，查看效果，现在的文字已是垂直水平均居中的状态。

方法/步骤

1、标签产生间距的原因

标签之间产生间距的原因不外乎这几种：代码换行、tab（制表符）、空格。接来下将用一个案列来说。

2、新建一个html页面。如图：

3、在html页面创建一个div标签，然后在div标签里创建5个a标签。如图：

4、为了看得更加明显，我们将对新建的div标签、a标签设置样式，然后使用浏览器打开html页面，发现a标签之间是存在间距的。如图：

5、解决方案一：

把a标签的代码显示为一行，然后再html页面刷新浏览器查看效果，发现a标签之间的间距不见了。如图：

6、结局方案二：

把a标签还是恢复为每个标签显示一行，然后设置a标签父类的样式为：font-size:0;接着把a标签的字体样式设置为：font-size:14px; 最后在浏览器上刷新页面发现a标签之间的间距没有了，这个是不是很神奇呢！

效果如图：

7、由案例可知，解决标签之间间距的方案有两个：

1把元素写成一行，缺点：会让代码看起来非常的凌乱；

2把父类设置font-size:0，缺点：标签必须要设置字体大小，否则将看不到标齐的文字。

使用“letter-spacing”属性来设置字与字间距_字符间距离，例如对一个标签div设置css属性样式为letter-spacing:8px；那么此标签中字与字间距即为8px，行如：“字 间 距”。

---