給大家詳細(xì)介紹一下三種簡單的HTML表格左對齊的方法：
1、P元素對齊，如
文字左對齊
文字左對齊
2、表格文字左對齊，如：
3、DIV+CSS對齊
quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
aaabbb同時要注意：
一、text-align樣式語法
text-align語法：
text-align : left | right | center | justify
text-align參數(shù)值與說明：
left : 左對齊
right : 右對齊
center : 居中
*justify : 兩端對齊（不推薦使用，通常大部分瀏覽器不使用）
我們對text-align常用的參數(shù)值為left、right、center
text-align功能說明：
設(shè)置或檢索對象中文本的左中右對齊方式。
二、使用范例與使用語法
div{ text-align:left } div標(biāo)簽對象內(nèi)內(nèi)容（圖片和文字等）將靠左對齊
div{ text-align:right} div標(biāo)簽內(nèi)內(nèi)容（圖片和文字等）將靠右對齊
div{ text-align:center } div標(biāo)簽內(nèi)內(nèi)容（圖片和文字等）將居中對齊
設(shè)置或檢索對象中文本的左中右對齊方式。
需要準(zhǔn)備的材料分別有：電腦、瀏覽器、HTML編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html，編寫問題基礎(chǔ)代碼。
2、在index.html中的<table>標(biāo)簽中，輸入樣式代碼：style="text-align: right;"。
3、瀏覽器運行index.html頁面，此時單元格的對齊方式被成功修改為右對齊。
1、新建一個html文件，命名為test.html，用于講解css里怎么讓input全靠左對齊。
2、在test.html文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個模塊，并設(shè)置其class為mydiv，主要用于下面樣式的設(shè)置。
3、在test.html文件內(nèi)，在div內(nèi)，使用p標(biāo)簽將input標(biāo)簽包含，這里創(chuàng)建三個input框用于測試。
4、為了展示效果，在css標(biāo)簽內(nèi)，通過id設(shè)置div的樣式，定義其寬度、高度為300px ,背景顏色為灰色。
5、在css標(biāo)簽內(nèi)，再設(shè)置p標(biāo)簽的樣式 ，定義p元素寬度為100%，將float屬性設(shè)置為left，即統(tǒng)一浮動向左，實現(xiàn)左對齊。
6、在瀏覽器打開test.html文件，查看實現(xiàn)的效果。