249045439
网站制作

div网站制作的时候怎么样让图片和文字都水平居中

发表日期:2023-07-21   作者来源:www.huatingli.com   浏览:0   标签:网站制作    

新手在用div网站建设的时候

常常会碰到如此一个问题

在同一行里面

同时插入图片和文字的时候

默认是底对齐

这实在是太不爽了

一看起来就感觉不和谐嘛

当然,大伙可以有非常多种办法达成

比如把图片放在一个div里

后面的文字再放一个div里

如此互不干扰,就能随便定地方了

八过,大家过去说过,要尽可能用简单的代码把网站写出来

你如此做成效确实可以出来,不感觉div有点太多了吗

其实解决这个问题的办法非常简单

你可以把图片和文字写在一个div里

然后,只须对图片加一个属性div网站制作的时候怎么样让图片和文字都水平居中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网站制作的时候怎么样让图片和文字都水平居中

如没特殊注明,文章均为登烈建站 原创,转载请注明来自http://www.nousuan.com/news/zhizuo/2/356.html