新手在用div网站建设的时候
常常会碰到如此一个问题
在同一行里面
同时插入图片和文字的时候
默认是底对齐
这实在是太不爽了
一看起来就感觉不和谐嘛
当然，大伙可以有非常多种办法达成
比如把图片放在一个div里
后面的文字再放一个div里
如此互不干扰，就能随便定地方了
八过，大家过去说过，要尽可能用简单的代码把网站写出来
你如此做成效确实可以出来，不感觉div有点太多了吗
其实解决这个问题的办法非常简单
你可以把图片和文字写在一个div里
然后，只须对图片加一个属性：vertical-align：middle就能达成了！
下边是给大伙总结的源码，期望可以给大伙有帮助
无标题文档
.main{ width:100%; height:48px;}
.jvzhong{ width:1000px; height:48px; margin:0 auto;}
.main ul li{ float:left; width:33.2%;text-align:center;}
.teshu{ border-right:1px #aaa solid; border-left:1px #aaa solid;}
.mid{ vertical-align:middle; margin-right:20px;}
ul,li{ margin:0; padding:0;}
li{ list-style:none;}
成都博久网络 成都博久网络 成都博久网络
目前名字：div网站制作的时候怎么样让图片和文字都水平居中？网页链接：https://www.cdcxhl.com/news/723.html
网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站制作等
