2015-08-26 20 views
1

這裏是我的代碼:CSS:圖片邊框比圖像更廣泛,但高度是正確的

<!DOCTYPE html> 
<html> 
<head> 
<style> 

    div.img1 { 
    display:block; 
    float: left; 
    margin:0px; 
    padding: 0px; 
    border-color: #384b5d; 
    border-style: solid; 
    text-align: center; 
    } 

</style> 
</head> 
<body> 
<div class="img1"> 
    <img src="http://www.hotelseaviewdiu.co.in/wp-content/uploads/2014/10/Business-Meeting.jpg" width=50% height=50%> 
</div> 
</body> 

所發生的問題,是在我的圖像邊框較寬,也許50像素每邊,而邊框的高度恰好在圖像上。我是CSS新手,並不確定爲什麼會發生這種情況。

這也是在谷歌網站的HTML框中。

我調整了寬度和高度以創建一個調整比例的較小的圖像。當我消除這些比率%的,邊界完全吻合,高度和寬度,所以我想這個問題是某處

<img src> 

標籤中我的形象調整範圍內。

謝謝任何​​和所有的幫助。對此,我真的非常感激。

問候,

+0

請插入剪斷提供了一個例子,或者使用https://開頭的jsfiddle。淨/或任何其他;-) –

+0

這是因爲你的目標是圖像所在的div而不是img。相反,將邊框屬性應用於'div.img1 img'。 –

+0

感謝您的澄清! – Mangzane

回答