css中設(shè)置div寬度的方法

發(fā)布時間：2021-05-19 09:26:29 來源：億速云閱讀：533 作者：小新欄目：web開發(fā)

這篇文章主要介紹css中設(shè)置div寬度的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

css設(shè)置div的寬度的方法是，給div添加width屬性，并將屬性值設(shè)置為合適的值，例如【width:100px;】。我們還可以給div設(shè)置百分比寬度，如【width:50%;】。

本文操作環(huán)境：windows10系統(tǒng)、css 3、thinkpad t480電腦。

其實我們要設(shè)置div的寬度是非常簡單的，因為css中有現(xiàn)成的屬性width，該屬性就是用來設(shè)置元素的寬度的。

屬性值：

auto 默認值。瀏覽器可計算出實際的寬度。
length 使用 px、cm 等單位定義寬度。
% 定義基于包含塊（父元素）寬度的百分比寬度。
inherit 規(guī)定應(yīng)該從父元素繼承 width 屬性的值。

示例代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
img.normal
{
	height:auto;
}
img.big
{
	height:120px;
}
p.ex
{
	height:100px;
	width:100px;
}
</style>
</head>

<body>
<img class="normal" src="logocss.gif" width="95" height="84" /><br>
<img class="big" src="logocss.gif" width="95" height="84" />
<p class="ex">這個段落的高和寬是 100px.</p>
<p>這是段落中的一些文本。這是段落中的一些文本。
這是段落中的一些文本。這是段落中的一些文本。
這是段落中的一些文本。這是段落中的一些文本.</p>
</body>
</html>

css的三種引入方式

1.行內(nèi)樣式，最直接最簡單的一種，直接對HTML標簽使用style=""。2.內(nèi)嵌樣式，就是將CSS代碼寫在之間，并且用

進行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實用的樣式，只需要在之間加上

就可以了。其次就是導(dǎo)入樣式，導(dǎo)入樣式和鏈接樣式比較相似，采用@import樣式導(dǎo)入CSS樣式表，不建議使用。

以上是“css中設(shè)置div寬度的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

css中設(shè)置div寬度的方法

css的三種引入方式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽