text-align
决定了整个容器里元素的排版方式
而
vertical-align
属性是设置元素的
垂直对齐
方式。
说明
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
也就是说这两个属性的目标是不一样的,<p></p>以及其他父类容器假如定义了text-align属性,那这些容器内的子元素都按照这个排版方式来进行排版,而vertical-align只是影响设置了这个属性的元素。
其实CSS你要去看具体的属性有什么特性才能了解具体的内容
建议去
http://www.w3school.com.cn/
看看
1、打开Dreamweaver工具,并新建html页面。
2、切换到编写代码的界面。
3、编写代码如下:<div><img src="images/1.jpg" width="20px" height="20px">我是文字</div> 。
4、预览页面如下图,我们可以看到图片和文字并没有对齐,那么我们在img标签中添加样式。
5、代码如下:style=" vertical-align: bottom"即可。