小兔网

css设置div的宽度的方法是,给div添加width属性,并将属性值设置为合适的值,例如【width:100px;】。我们还可以给div设置百分比宽度,如【width:50%;】。

css如何设置div的宽度-css教程

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

其实我们要设置div的宽度是非常简单的,因为css中有现成的属性width,该属性就是用来设置元素的宽度的。

属性值:

  • auto 默认值。浏览器可计算出实际的宽度。

  • length 使用 px、cm 等单位定义宽度。

  • % 定义基于包含块(父元素)宽度的百分比宽度。

  • inherit 规定应该从父元素继承 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视频教程

以上就是css如何设置div的宽度的知识。速戳>>知识兔学习精品课!