1、web两列对齐table的步骤是1新建一个html文件，命名为testhtml，用于讲解css如何设置table表格内容底部对齐2在testhtml文件中，使用table标签创建三行两列的表格，用于测试3为了展示效果，设置table表格的border属性；两种办法，第一种可以作为默认选择两种办法都可以让文字底部对齐1如果是文字或者其他块级元素使用定位的思想positionabsolute，然后boottom0父元素注意要设置一下positionrelative因为绝对定位是相对于最近一个。

2、2切换到编写代码的界面3编写代码如下ltdivltimg src=quotimages1jpgquot width=quot20pxquot height=quot20pxquot我是文字ltdiv 4预览页面如下图，我们可以看到图片和文字并没有对齐，那么我们在img标签中添加样式；直接在td里，设置一下verticalalign bottom，就可以将图片底部对齐。

3、lt！doctype htmllthtml lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltstyle body fontsize 12px #div1 width 400px margin 20px auto *b；“找回密码”设置成文字 html代码如下 找回密码 css代码如下 #denglu *verticalalignmiddle * 居中对齐， *fontsize14px 在浏览器中运行后的效果图如下 使用css的“verticalalignmiddle”；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta；ltbutton按钮ltbuttonltstylebutton height50px *给按钮设定一个高度，以方便观察* lineheight70px *加大按钮中的文字的行高* verticalalignbottom *文字底部对齐默认是居中对齐*ltstyle。

4、选中单元格，右击鼠标，选择表格属性 点击单元格选择垂直对齐方式；2在indexhtml中的ltstyle标签中，输入css代码labelfloatleftpaddingtop 4px3浏览器运行indexhtml页面，此时label的底部成功和select的底部对齐。

5、水平方向你可以通过textalign定义，垂直方向上确实有一个verticalalign，但这个属性所谓的对齐是相对于其他元素的，比如你的同一行的文字前面有一张图片，这个时候默认的是文字的底部与图片的底部对齐的的，只要这个时候你设置；应该有用到JS的，至少图片截取这里有用到，观察可以看见图片宽度是一定的，还有文字那边应该是统一高度的我猜，下面是我的代码，主要就是li的底部对齐实现，关键代码displayinlineblockverticalalignbottom不想兼容，标准；发错版块了哦目前CSS没有底部对齐的好方法解决方法，经常使用的一种是已知容器的高度之后，设定margintop或者paddingtop缺点是无法自适应这里教你一个取巧的方法，就是借助一下table就是这样ltdiv style=quot。

6、bottom底部对齐 middle垂直居中对齐 baseline基线对齐这个稍微解释一下表示文本的基线与表格的中线对齐也就是文本出现在表格的中上部而不是正中央如果文本字符大小比较小时，效果和middle差不多，比middle稍微靠上；1容器给一个positionrelative相对定位方式2内容给positionabsolute绝对定位3设置内容的bottom0注意1容器必须有高度，2如果希望内容元素底部居中，则可以把内容a放在定位元素a_wrap中，同时把a。