求解关于display:table的问题
先放出代码
<!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
条回答
写回答
写回答
-
给 .tablecell 增加一个 vertical-align 样式，top、middle 还是 bottom 就看你的需求了。
2019-07-17 19:16:34赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
