div+css左对齐分两种情况一种是：文字左对齐；另一种是区域块儿设置浮动，让他们往左浮动，而实现出来的效果即是左对齐；如下演示：
1、文字实现居左对齐
网页中实现效果：如下图
详解：主要属性：text-align:left使文字实现居左对齐
扩展：text-align:right使文字靠右对齐，center文字居中；
2、区域块儿设置浮动实现居左对齐；div+css如下
网页中效果图：如下
详解：设置一个大的区域nav，里面包含两个部分区域块，nav1与nav2，使他们在nav中靠左浮动；主要标签：float:left靠左浮动；
扩展：float:right靠右浮动；而与之相关标签： clear:both则是去除左右浮动； clear:left去除左浮动 clear:right清除右浮动
<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是让文字左对齐的
