HTML代码里面的文字段落怎么设置水平对齐

HTML代码里面的文字段落怎么设置水平对齐,第1张

三种方法

第一种,上下居中文字:
方法是使用line-height,因为line-height就是用来定义文字行与行之间的距离,所以定义文字框的line-height等于框的高度可以让文字上下居中

h1 {  
   font-size: 3em;  
   height: 100px;  
   line-height: 100px;  
   }

第二种,非文字的上下居中:
使用absolute positioning,需要注意的是这个方法只能在框有定义好的高度才能工作 不适合动态高度的框

 vert {
width: 580px;
height: 190px;
position: absolute;
top: 50%;
left: 50%;
margin: -95px 0 0 -290px;
        }

第三种方法:

#floater {float:left; height:50%; margin-bottom:-120px;}
#content {clear:both; height:240px; position:relative;}

不能实现
只能实现左对齐或者右对齐
但不能两边都对齐
网页与平常我们用WORD浏览的文档是不同的
不能两边都对齐
也许你可以试试居中对齐
text-align:
center
不过它只会将内容居中,
但不会将两边都对齐
回答完毕

<table width="400" border="0" cellspacing="0" cellpadding="0">
<form id="form1" name="form1" method="post" action="">
<tr>
<td width="92" align="right">姓名:</td>
<td width="308"><input type="text" name="textfield" /></td>
</tr>
<tr>
<td align="right">用户名:</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">密码:</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right"> </td>
<td><input type="submit" name="Submit" value="提交" />
<input type="reset" name="Submit2" value="重置" /></td>
</tr>
</form>
</table>

 <p style="text-align:justify; text-justify:inter-ideograph;>HTML如何让文本两端对齐HTML如何让文本两端对齐HTML如何让文本两端对齐HTML如何让文本两端对齐HTML如何让文本两端对齐HTML如何让文本两端对齐</p>
text-align:justify:这是文本对齐标签只是英文字体有效果,中文字体没有作用,如果想中文也能两端对齐就加上text-justify:inter-ideograph。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13352691.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-20
下一篇 2023-07-20

发表评论

登录后才能评论

评论列表(0条)

保存