三种方法
第一种,上下居中文字:
方法是使用line-height,因为line-height就是用来定义文字行与行之间的距离,所以定义文字框的line-height等于框的高度可以让文字上下居中
font-size: 3em;
height: 100px;
line-height: 100px;
}
第二种,非文字的上下居中:
使用absolute positioning,需要注意的是这个方法只能在框有定义好的高度才能工作 不适合动态高度的框
width: 580px;
height: 190px;
position: absolute;
top: 50%;
left: 50%;
margin: -95px 0 0 -290px;
}
第三种方法:
#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。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)