1、web兩列對(duì)齊table的步驟是1新建一個(gè)html文件，命名為testhtml，用于講解css如何設(shè)置table表格內(nèi)容底部對(duì)齊2在testhtml文件中，使用table標(biāo)簽創(chuàng)建三行兩列的表格，用于測(cè)試3為了展示效果，設(shè)置table表格的border屬性；兩種辦法，第一種可以作為默認(rèn)選擇兩種辦法都可以讓文字底部對(duì)齊1如果是文字或者其他塊級(jí)元素使用定位的思想positionabsolute，然后boottom0父元素注意要設(shè)置一下positionrelative因?yàn)榻^對(duì)定位是相對(duì)于最近一個(gè)。

2、2切換到編寫(xiě)代碼的界面3編寫(xiě)代碼如下ltdivltimg src=quotimages1jpgquot width=quot20pxquot height=quot20pxquot我是文字ltdiv 4預(yù)覽頁(yè)面如下圖，我們可以看到圖片和文字并沒(méi)有對(duì)齊，那么我們?cè)趇mg標(biāo)簽中添加樣式；直接在td里，設(shè)置一下verticalalign bottom，就可以將圖片底部對(duì)齊。

3、lt！doctype htmllthtml lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltstyle body fontsize 12px #div1 width 400px margin 20px auto *b；“找回密碼”設(shè)置成文字 html代碼如下 找回密碼 css代碼如下 #denglu *verticalalignmiddle * 居中對(duì)齊， *fontsize14px 在瀏覽器中運(yùn)行后的效果圖如下 使用css的“verticalalignmiddle”；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta；ltbutton按鈕ltbuttonltstylebutton height50px *給按鈕設(shè)定一個(gè)高度，以方便觀察* lineheight70px *加大按鈕中的文字的行高* verticalalignbottom *文字底部對(duì)齊默認(rèn)是居中對(duì)齊*ltstyle。

4、選中單元格，右擊鼠標(biāo)，選擇表格屬性 點(diǎn)擊單元格選擇垂直對(duì)齊方式；2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼labelfloatleftpaddingtop 4px3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)label的底部成功和select的底部對(duì)齊。

5、水平方向你可以通過(guò)textalign定義，垂直方向上確實(shí)有一個(gè)verticalalign，但這個(gè)屬性所謂的對(duì)齊是相對(duì)于其他元素的，比如你的同一行的文字前面有一張圖片，這個(gè)時(shí)候默認(rèn)的是文字的底部與圖片的底部對(duì)齊的的，只要這個(gè)時(shí)候你設(shè)置；應(yīng)該有用到JS的，至少圖片截取這里有用到，觀察可以看見(jiàn)圖片寬度是一定的，還有文字那邊應(yīng)該是統(tǒng)一高度的我猜，下面是我的代碼，主要就是li的底部對(duì)齊實(shí)現(xiàn)，關(guān)鍵代碼displayinlineblockverticalalignbottom不想兼容，標(biāo)準(zhǔn)；發(fā)錯(cuò)版塊了哦目前CSS沒(méi)有底部對(duì)齊的好方法解決方法，經(jīng)常使用的一種是已知容器的高度之后，設(shè)定margintop或者paddingtop缺點(diǎn)是無(wú)法自適應(yīng)這里教你一個(gè)取巧的方法，就是借助一下table就是這樣ltdiv style=quot。

6、bottom底部對(duì)齊 middle垂直居中對(duì)齊 baseline基線對(duì)齊這個(gè)稍微解釋一下表示文本的基線與表格的中線對(duì)齊也就是文本出現(xiàn)在表格的中上部而不是正中央如果文本字符大小比較小時(shí)，效果和middle差不多，比middle稍微靠上；1容器給一個(gè)positionrelative相對(duì)定位方式2內(nèi)容給positionabsolute絕對(duì)定位3設(shè)置內(nèi)容的bottom0注意1容器必須有高度，2如果希望內(nèi)容元素底部居中，則可以把內(nèi)容a放在定位元素a_wrap中，同時(shí)把a(bǔ)。