table表格中如何让文字左对齐

Posted 2023-05-01

1、首先在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。

2、CSS设置表格的宽度和高度，使用width宽度和height高度来设置，代码如下。

3、CSS设置表格的文本水平对齐方式。主要通过text-align来设置，有三个值：居左对齐left，居右对齐right，居中对齐center。

4、CSS设置表格的内边距。主要通过padding来设置，padding值越大，内边距越大。

5、最后设置CSS设置表格文本垂直对齐。主要通过vertical-align来设置，有三个值：顶部对齐top，居中对齐center，底部对齐bottom。

6、设置完成后，结果如下图所示。

参考技术A <td style="vertical-align:middle; text-align:center;">
在里面可以放一个table或者div，设置为左对齐就可以了<td>
具体如下：
/* tr 里面：align="left" */
text-align:center; 参考技术B 单元格格式-对其-靠左，或者直接在快捷菜单栏里面，有左对齐的快捷方式的本回答被提问者采纳 参考技术C 设置单元格格式

Jsp页面用table表格来让文字和文本框对齐

1， border="0" cellpadding="0" cellspacing="20"，

第一个是页边距要设置0，第二个是用来指定单元格内容与单元格边界之间的空白距离的大小，第三个是外边距为20（就是行和行之间的间距）

 

<div id="tt" class="easyui-tabs">
<div title="基本信息">
<table align = "center" border="0" cellpadding="0" cellspacing="20"><!-- cellspacing="80"这个是外间距， -->
<tr>
<td>账号：</td>
<td><input type="text" name="account" id="Account" /><span
id="er"></span> <label for="Account"></label></td>
</tr>
</br>
<tr>
<td>密码：</td>
<td><input type="text" name="Password" id="Password" /> <label
for="Password"></label></td>
</tr>
<tr>
<td>请再输入一次密码：</td>
<td><input type="text" name="Enter_the_password_again"
id="Enter_the_password_again" /> <label
for="Enter_the_password_again"></label></td>
</tr>
<tr>
<td>常用手机号码：</td>
<td><input type="text" name="Phonenumber" id="Phonenumber" /> <label
for="Phonenumber"></label></td>
</tr>
<tr>
<td>真实姓名：</td>
<td><input type="text" name="Realname" /></td>
</tr>

<tr>
<td>身份证号码：</td>
<td><input type="text" name="Idcardnumber" /></td>
</tr>
<tr>
<td>代理地区：</td>
<td><select id="Province" name="Province"></select> <select
id="City" name="City"></select> <select id="Area" name="Area"></select>

<script type="text/javascript">
addressInit(‘Province‘, ‘City‘, ‘Area‘);
</script></td>
</tr>
<tr>
<td>公司名称：</td>
<td><input type="text" name="Nameofcompany" /></td>
</tr>
<tr>
<td>推荐人ID：</td>
<td><input type="text" name="Referees" /></td>
</tr>
<tr>
<td>代理法人照片（手持身份证）:</td>
<td><input type="file" id="file1" name="Photoagencyasalegalperson" />

</td>
</tr>
<tr>
<td>营业执照:</td>
<td><input type="file" id="file2" name="Thebusinesslicense" />

</td>
</tr>
<tr>
<td>营业执照副本：</td>
<td><input type="file" id="file3" name="Duplicateofbusinesslicense" />

</td>
</tr>
<tr>
<td>银行开户许可证：</td>
<td><input type="file" id="file4" name="Thebankopensanaccountlicence" />

</td>
</tr>
<tr>
<td>父级代理ID：</td>
<td><input type="text" name="Pid" /></td>
</tr>
</tr>
</table>
</div>