html – 如何将图像标记放入引导网格?

html – 如何将图像标记放入引导网格?,第1张

概述我是css和bootstrap的初学者,并且有这个指令的文档: Throughout the enitre website a 12 column grid is used. This allows for maximum flexibility and to serve all devices available. Within the 12 columns gridThe content i 我是CSS和bootstrap的初学者,并且有这个指令的文档:

Throughout the enitre website a 12 column grID is used. This allows for maximum flexibility and to serve all devices available. Within the 12 columns grIDThe content is placed within the 12 column grID (1). The grID is scaled between two fixed margins (2). GrID and margins fill the entire screen wIDth minus the wIDth of the main navigation (3).

为此目的写下:

<div >            <div >A</div>            <div >B</div>            <div >C</div>            <div >D</div>            <div >E</div>            <div >F</div>            <div >G</div>            <div >H</div>            <div >I</div>            <div >J</div>            <div >K</div>            <div >L</div>        </div>

现在想把图像标签放入A div:

<img src="http://hearstcommerce.ca/customcontent/members/premium/sample.jpg"/>

但现在页面没有响应,想要图像显示< div class =“row”>的中心,我该如何解决?谢谢所有.

解决方法 那么,你的问题并不是很清楚.请看看这个小提琴,并详细说明你想要做什么或给我们发送设计或任何视觉效果可以帮助.

干杯

img {    display: block;    margin-left: auto;    margin-right: auto}
<div >  <div >A</div>  <div >    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS2Xjhc-NPN5UAWzKdY3Kpl29Tyt-zCC8aOd3Gez8i2zrF3BS9bSQ" />  </div>  <div >B</div>  <div >C</div>  <div >D</div>  <div >E</div>  <div >F</div>  <div >G</div>  <div >H</div>  <div >I</div>  <div >J</div>  <div >K</div>  <div >L</div></div>
总结

以上是内存溢出为你收集整理的html – 如何将图像标记放入引导网格?全部内容,希望文章能够帮你解决html – 如何将图像标记放入引导网格?所遇到的程序开发问题。

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

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

原文地址: http://outofmemory.cn/web/1087078.html

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

发表评论

登录后才能评论

评论列表(0条)

保存