Question

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

以下是我的程式码

<style>
th, td {border:1px solid #aaa}
table {border-collapse:collapse}
</style>
<table>
<tr><td>　学号　<td>　101407117　<td>　相片　</tr>
<tr><td>　姓名　<td>　张葵花 <td>　<IMG SRC="C:\Users\Jenny\Desktop
\101407117_张葵花_作业2\me.jpg" ALT="me">　</tr>
<tr><td>　出生日期 <td>　83年8月1日　
<tr><td>　籍贯　<td>　台湾省　
<tr><td>　学历　<td>　圣约翰科技大学 资讯管理系　
<tr><td>　喜好　<td>　上网、听音乐、看电影
<tr><td>　兴趣　<td>　追星　
</table>

以下是我的完成图

但是呀...我需要把我"表格内"的所有"文字"都"靠左对齐"
并且右手边的照片呀不要只有一格，要向下延伸完整一格。

请问我该怎麼改我的程式码才能达到我的要求?
恳请各位高手协助呀~~~

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

Answer 2

<tr>
<td></td>
<td></td>
<td></td>
</tr>
这样句变成3列了
你的代码错了<td>要有开始 也要有结束</td>
靠左对齐td{ align:left;}