Question

html如何调整文字位置

刚学的html 想问一下怎么调整文字的位置 总不能用空格调整吧

Answer 1

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

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

  

Answer 2

.text{
    /*用于盒模型调整内容间距*/
    padding:0px;
    /*用于调整缩进*/
    text-indent:0px/em;
    /*用于调整文字行之间行距*/
    line-height:20px;
}
<p style="padding:9px 12px 5px">文字在段落中的位置为具上9px，左右12px，下5px</p>
<p style="text-indent:2em">文字在段落中的位置为缩进2个文字宽度，类似作文中的段落起始空2格</p>
<p style="line-height:24px">多行文字在段落中的行间距为24px</p>

Answer 3

<p style="text-align:left">居左</p>
<p style="text-align:right">居右</p>
<p style="text-align:center">剧中</p>
<p style=" padding:10px 5px 5px 20px; border:#000 solid 1px; height:300px; width:300px;">padding:上 右 下 左;</p>
手打的代码，楼主看着办，祝你早日学会

Answer 4

学html是不够的，还要学css，样式和内容分离，如果用css来控制的话就比较容易了。

Answer 5

可以用表格，也可以用div css布局