很明顯,想要星星位于文字的正下方.

// html <section id="lz_about" class="hidden-xs hidden-sm"><div class= title text-center"><h1><strong>關于我</strong></h1><img src="./imgs/star.jpg" class="img-responsive" width="100"></div> </section>// 注1: hidden-xs 和 hidden-sm是在小屏幕下,隱藏的類(Bootstrap提供) // 注2:text-center:文字居中 // 注3:img-responsive: 讓圖片成為響應式

CSS結構如下:

#lz_about .title{display: flex;flex-direction: center;justify-content: center;align-items: center; }

總結

以上是生活随笔為你收集整理的css --- 伸缩布局,让图片居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。