CSS做表格,但表格内文字不知该如何靠左?! (内附程式码)

html-css018

CSS做表格,但表格内文字不知该如何靠左?! (内附程式码),第1张

<style>

th, td {border:1px solid #aaa}

table {border-collapse:collapse}

</style>

<table>

<tr><td>学号</td><td>101407117</td><td>相片</td></tr>

<tr><td>姓名</td><td>张葵花</td><td rowspan="6"><IMG SRC="C:\Users\Jenny\Desktop

\101407117_张葵花_作业2\me.jpg" ALT="me"></td></tr>

<tr><td>出生日期</td><td>83年8月1日</td>

<tr><td>籍贯</td><td>台湾省</td>

<tr><td>学历</td><td>圣约翰科技大学 资讯管理系</td>

<tr><td>喜好</td><td>上网、听音乐、看电影 </td>

<tr><td>兴趣</td><td>追星</td>

</table>

其实表格默认就是左对齐的

你的代码无法左对齐是因为每个单元格中的内容前后有空格导致的,把空格删除即可

图片那个在td中加入rowspan="6"(合并6行)就可以了

在css里text-align:left是让文字左对齐的

在td标签内部增加一个 align="left"或 align="right",td元素默认居左的,所以 align="left"可以省略不写。也可设定一个样式。

.alignR{text-align:right}

居右:<td align="alignR"></td>

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、设置完成后,结果如下图所示。