在一條線上定位元素

我有移動div上內嵌div的問題。所以，代碼在個人電腦的工作正常，但是當我訪問我的移動網站，我只是不正確地顯示div。在一條線上定位元素

圖片div是在div上面的文本（應該是內聯）。這不是寬度的情況，因爲即使我將圖像的寬度更改爲只有5px，這個小圖像仍然在上面不正確的旁邊。

實施例：http://www.filmypodobnedo.pl/matrix/

所有事情是約的類似電影的列表來選擇一個（在實施例基質），（應該內聯顯示的圖像+文本，則該PC上工作，但無法在移動）中列出的電影。

HTML：

<div class="podobny_film"> 
<div id="zdjecie_podobne"> 
<img class="featured-project-image" width="100" height="150" alt="Filmy podobne do Equilibrium" src="http://www.filmypodobnedo.pl/photos/Equilibrium.jpg"> 
</div> 
<div id="tekst_podobne"> 
</div>

CSS：

.podobny_film { 
float: left; 
width: 80%; 
color: #555555; 
border-style: dashed; 
border-width: 1px; 
border-color: black; 
padding: 10px; 
} 
#zdjecie_podobne {  
width: 120px; 
float: left; 
} 
#tekst_podobne { 
width: 75%; 
float: left; 
font-size: 16px; 
}

來源

2013-11-14 Lethysek

添加display:inline-block到#zdjecie_podobne和#tekst_podobne

來源

2013-11-14 17:19:17 SaturnsEye

仍然不工作：/ – Lethysek

在div 「podobny_film」包含格「zdjecie_podobne」具有固定像素寬度和DIV「tekst_podobne 「與百分比寬度。嘗試爲div「zdjecie_podobne」和圖片使用百分比寬度，那麼它不應該中斷。

#zdjecie_podobne {  
width:24%; /*together with tekst_podobne that's 99% so be aware of any margins or paddings that might sum up > 100%!*/ 
float: left; 
} 

.featured-project-image { width:100%; }

來源

2013-11-14 17:23:46

這不工作：/ 我認爲，它的寬度或列的大小IST問題。因爲即使我將圖像寬度絕對值設置爲1 px，此圖片像素也會停留在文本上方。 – Lethysek

這應該工作:)：

#zdjecie_podobne {  
    width: 120px; 
    float: left; 
    display:inline-block; 
    } 
    #tekst_podobne { 
    width: 75%; 
    float: left; 
    font-size: 16px; 
    display:inline-block; 
    }

來源

2013-11-14 17:33:18 Zsigoveny

仍然不工作：/ – Lethysek

在一條線上定位元素

回答

相關問題