這篇文章主要介紹了怎么用CSS使DIV的內容不大于其內容,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創新互聯公司是專業的常州網站建設公司,常州接單;提供做網站、成都做網站,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行常州網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!
答案:使用CSSdisplay屬性
您可以簡單地將CSSdisplay屬性與值inline-block一起使用,以使其<div>不大于其內容(即,僅擴展至其內容的寬度)。
該display: inline-block;部隊的元素生成的悠閑出來,好像它是一個行內框塊框。讓我們嘗試以下示例以了解其工作原理:
例試試這個代碼»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Expand DIV as Wide as its Contents using CSS</title>
<style>
.wrapper{
display: inline-block;
border: 25px solid black;
margin: 20px;
}
img{
border: 20px solid white;
}
</style>
</head>
<body>
<div class="wrapper">
<img src="images/sky.jpg" width="300" alt="Cloudy Sky">
</div>
</body>
</html>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“怎么用CSS使DIV的內容不大于其內容”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!
當前標題:怎么用CSS使DIV的內容不大于其內容
標題鏈接:http://vcdvsql.cn/article0/pcdooo.html
成都網站建設公司_創新互聯,為您提供網站內鏈、靜態網站、網站排名、動態網站、軟件開發、網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯