热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

中间文字与图片在flexbox-Centertextwithimagesinflexbox

Immakingawebpageandneedtocenter-align3divsaspromocontent,likethat:我正在制作一个网页,需要将3个div

I'm making a webpage and need to center-align 3 divs as promo content, like that:

我正在制作一个网页,需要将3个div作为宣传内容,像这样:



CSS:

CSS:

#promocontent {
display: flex;                  /* establish flex container */
flex-direction: row;            /* default value; can be omitted */
flex-wrap: nowrap;              /* default value; can be omitted */
justify-content: space-between; /* switched from default (flex-start, see below) */
padding: 5px;
}

Now, I need to add text on the center-bottom of these images, something like:

现在,我需要在这些图片的中下方添加一些文字,比如:

header text

text text text text text

header text

text text text text text

header text

text text text text text

https://jsfiddle.net/x2rzj1cu/2/

https://jsfiddle.net/x2rzj1cu/2/


推荐阅读
author-avatar
情系初冬_883
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有