将文字放在两个图像之间
约翰
我不擅长CSS。如何在图像之间很好地放置文本？而且即使屏幕尺寸较小（在iPhone浏览器上），它也可以正常工作Fiddle 
<div class="testimonials-list">
<div id="quote-7728" class="quote first individual-testimonial">
<img width="50" height="50" class="avatar avatar-50" src="http://placehold.it/75x100" alt="" />TEXT HERE TEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERE
<img width="50" height="50" class="avatar " src="http://placehold.it/75x100" alt="" />
</div>
</div>
<!--/.testimonials-list--> 内纳德·弗拉卡（Nenad Vracar）
你可以用 Flexbox
.content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}<div class="content">
<img src="http://placehold.it/150x100">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, est.
<img src="http://placehold.it/150x100">
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
两个图像之间的文字？
- 2
将UIView放在中心的两个视图之间？
- 3
Javascript：将输入放在两个变量之间并输出
- 4
将 ImageButton 放在两个视图组之间
- 5
将图像放在另外两个之上
- 6
将TextView和ScrollView放在其他两个视图（页眉和页脚）之间
- 7
在两个图像之间循环
- 8
获取两个图像之间的文本
- 9
两个图像之间的blockproc
- 10
在两个图像之间循环
- 11
QTreeWidget使用拖放在两个项目之间插入
- 12
两个标签之间的文字
- 13
将文字放在两张图片之间
- 14
Bootstrap 4 - 将小元素放在连续的两个长元素之间，没有间隙
- 15
将Dockerfile分成两个图像
- 16
将<a>元素放在两个不同的div中
- 17
Scrapy将两个蜘蛛放在单个文件中
- 18
无法将两个 HTML 表格放在正确的位置
- 19
将两个条件结果放在表中
- 20
将按钮放在两个不同的 LinearLayouts 上
- 21
将 xquery 到 html 的两个输出放在两个不同的行中
- 22
JavaScript-将图像旋转到两个值之间的角度并重新定位图像中心
- 23
Html：如何将两个图像一个在另一个上面与文本放在同一行？
- 24
如何删除两个图像之间的空白
- 25
两个图像之间的简单变形动画
- 26
在MATLAB中在两个图像之间绘制匹配点
- 27
在两个图像之间绘制和更新线
- 28
CV-提取两个图像之间的差异
- 29
获得两个图像之间的高斯模糊的西格玛
我来说两句