html – 在同一行上对齐多个图像标题 – bootstrap 3

html – 在同一行上对齐多个图像标题 – bootstrap 3,第1张

概述我试图在同一行上对齐3个标题和2个图像,如下所示: 标题图像标题图像标题 我尝试使用Bootstrap的媒体组件,如下所示: <div class="media"> <h5 class="media-heading">Media heading</h5> <img class="media-object pull-left" src="img/img.png" alt="..." 我试图在同一行上对齐3个标题和2个图像,如下所示:

标题图像标题图像标题

我尝试使用bootstrap的媒体组件,如下所示:

<div >    <h5 >Media heading</h5>    <img  src="img/img.png" alt="..." />    <h5 >Media heading</h5>    <img  src="img/img.png" alt="..." />    <h5 >Media heading</h5></div>

但是我很难让一切都在同一条线上.有任何想法吗?谢谢.

解决方法 请尝试这种方式

<div >    <h5 >Media heading</h5>    <img  src="img/img.png" alt="..." />    <h5 >Media heading</h5>    <img  src="img/img.png" alt="..." />    <h5 >Media heading</h5></div
总结

以上是内存溢出为你收集整理的html – 在同一行上对齐多个图像/标题 – bootstrap 3全部内容,希望文章能够帮你解决html – 在同一行上对齐多个图像/标题 – bootstrap 3所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1043493.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存