4-3图片无法居中

4-3图片无法居中

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
   .top{
    text-align: center;
    font-size: 200%;
    line-height: 5em;
    background-color:#eee;
   }
   .ys{
    font-size: 2em;
    Vertical-align:middle;
   }
   .yw{   
    color: red;
    text-decoration:underline;
    Vertical-align:middle;
   }
  </style>
 </head>
 <body>
  <div class="top">
   <img  src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"/>&nbsp;<span class="ys">CSS层叠样式表</span>&nbsp;<span class="yw">(cascading Stvl Sheets)</span>
  </div>
 </body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
海纳百川_ 2017-11-16 15:13:07

你将问题描述清楚呀,我也帮你看看,老师一般不会跟你私聊的

怎么都被占用了呢 2017-11-16 14:24:56

不太明白你的这个操作,能详细描述一下吗

怎么都被占用了呢 2017-11-16 10:41:38

你只给文字设了垂直居中,图片也要设哦

http://img1.sycdn.imooc.com//climg/5a0cfadf0001a06004030258.jpg

  • 后面修改后,以上都不用改,在.yw的vertical-align:middle;改成top就显示正常,为什么
    2017-11-16 11:05:50
叼牌大师兄 2017-11-15 23:58:09

img是行级

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师