求解关于display:table的问题 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

求解关于display:table的问题

2016-06-02 17:04:42 1533 1

先放出代码

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>匆匆那年</title>
    <link rel="stylesheet" href="css.css">
  </head>

  <body>


<div class="main">
<div class="table">
<div class="tablerow">
 <div class="table-cell">
    <img id="picture" src="匆匆那年.jpg">
 </div>
 <div class="tablecell">
        「《匆匆那年》是北京小马奔腾影业2014年出品的校园爱情片,改编自九夜茴
 同名小说。该影片由张一白执导,彭于晏、倪妮、郑恺、魏晨、张子萱、陈赫
 等人主演。该影片讲述了阳光少年陈寻、痴心女孩方茴、温情暖男乔燃、纯情
 备胎赵烨、豪放女神林嘉茉这群死党跨越十五年的青春、记忆与友情的故事。」
       </div>
 </div>
 </div>
</div>


</html>
</head>

.main{width:480px}
.table{display:table;border-spacing:5px}
.tablerow{display:table-row}
.tablecell{display:table-cell;}
picture{width:230px;height:180px}

那么问题来了,如下图,为什么那段字是在下面而不是和图片水平并列呢?如果要并列该怎么做呢?求大神

取消 提交回答
全部回答(1)
  • 西秦说云
    2019-07-17 19:25:18

    给 .tablecell 增加一个 vertical-align 样式,top、middle 还是 bottom 就看你的需求了。

    0 0
相关问答

1

回答

display 有哪些值?说明他们的作用

2019-11-18 15:51:13 825浏览量 回答数 1

1

回答

关于dubbo跟zk中a服务访问b集群的问题

2019-11-04 14:49:24 1212浏览量 回答数 1

1

回答

css 的 display 属性,具体都干啥的,看帮助文件,怎么看不太懂,哪几个有用?

2016-06-23 14:49:49 1856浏览量 回答数 1

1

回答

给table的tr设置display:none没有反应?

2016-06-03 16:21:42 2686浏览量 回答数 1

1

回答

display:table-cell在img标签上没有效果?

2016-05-27 11:18:48 1899浏览量 回答数 1

1

回答

关于play框架i18n的问题

2016-05-31 08:49:47 1517浏览量 回答数 1

1

回答

关于play框架i18n的问题

2016-05-30 17:44:30 1522浏览量 回答数 1

1

回答

关于eclipse的debug的问题

2016-03-23 13:52:02 1500浏览量 回答数 1

1

回答

关于NSBundle 读取视频文件 的问题

2016-03-17 13:55:19 1799浏览量 回答数 1

2

回答

关于CDN缓存的问题。

2014-12-22 11:44:15 5802浏览量 回答数 2
+关注
杨冬芳
IT从业
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载