如何在軌道上的紅寶石上添加縮略圖照片？

我對編程和Ruby on Rails非常陌生，所以請耐心等待！我將我的照片調整爲縮略圖大小的照片，我想將其上傳到我網站每個頁面上顯示的標題中。我將圖像放在我的apps/assets/images文件夾中。我的問題是，圖標沒有正確顯示在標題中，而是顯示在它下面的獅子摔跤的右側。如何在軌道上的紅寶石上添加縮略圖照片？

這是代碼，我有：

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">Lions Wrestling 
     <div class="thumbnail"> 
      <%= image_tag "Lions.jpg"%> 
     </div> 
     </a>

謝謝！

來源

2014-03-03 user3373928

http://stackoverflow.com/questions/9201756/how-to-put-img-inline-with-text – Mingsheng

從特定的自舉造型

除此之外，你可能會被有一個問題與display: inline & display: inline-block：

CSS

http://jsfiddle.net/uXEGy/

<div class="navigation"> 
    <div class="image"><img src="http://elonmuskblog.files.wordpress.com/2012/03/elon-musk-blog-photo.jpg" height="150"></div> 
    <div class="text">Your text here</div> 
</div> 

.navigation  { display: block; } 
.navigation > div { display: inline-block; } 
.image   { vertical-align: middle; }

你需要確保你的圖片div有display財產inline-block

來源

2014-03-03 09:14:57

如何在軌道上的紅寶石上添加縮略圖照片？

回答

相關問題