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

html-css024

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是让文字左对齐的

左对齐的设定方式:

表格的左对齐和文字的左对齐是一样的,都是用text-align:left;当然这个是默认的属性,不需要设置就是左对齐,如果是在之前写过其他的对其方式造成了居中或者右对齐,那只需要给td加上text-align:left;就可以了。

绝对居左下的方式:

表格包括任何的标签都是不能默认绝对居下的,都是需要通过css样式控制的,这个就要用到定位。给table添加一个绝对定位position:absoluteleft:0bottom:0也需要给他的某个父级添加一个相对定位。

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

.alignR{text-align:right}

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