如何根據其內部包含一個小圖像圖標內部元件

我有一個父DIV（like_user_wrapper）的大小創建一個可調整大小的DIV，這裏是我的代碼：如何根據其內部包含一個小圖像圖標內部元件

<?php 

echo '<div class="like_user_wrapper" id=" '.$post_id.'like_user_wrapper ">'; 


$who_like=getpostdetail($blog_feeds['id'],'who_like'); 
$like_user_array=explode(',',$who_like); 
foreach($like_user_array as $name){ 
    if($name!=''){ 
     $friend_pic=getfrienddata('profile_pic',$name); 
     $f_name=$name; 
     require 'small_friend_message_image.php'; 
    } 
} 

echo '</div>'; 
?>

CSS

.like_user_wrapper{ 
    margin-top:20px; 
    padding:5px; 
    height:30px; 
    box-shadow:1px 1px 10px #f0f0f0; 
    position:relative; 
    background:white; 
}

但是包裝的寬度不能與整個圖像的寬度一致。

來源

2014-02-17 Kesong Tse

如果要保持行爲類似於塊元素，則change是顯示行爲，可以是inline-block，inline-table或table。浮動也可以工作，但下一步需要清除。 –

HTML <div>是一個塊級元素，默認填充其父級（horizontallty）的整個空間。

你可以在（父）元素的display屬性來更改默認inline-block或inline，達到的效果是：

.like_user_wrapper { 
    display: inline-block; 
    *display: inline; /* <-- inline-block hack for IE6/7 */ 
    *zoom: 1; 
}

來源

2014-02-17 17:32:17

很好，謝謝 –

display: table;也是一個選項，將仍允許您居中的元素。（使用margin: auto;）

來源

2014-02-17 17:38:13 Thoronwen

如何根據其內部包含一個小圖像圖標內部元件

回答

相關問題