设置方法：1、使用width属性设置 宽 度，语法“width:宽度值;”；2、使 用M in-width属性设置最小宽度，语法“min-width:宽度值;”；3、使用max-width属性设置最大宽度，语法“max-width:宽度值;”。
本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
css设置元素宽度
1、使用width属性
width 属性设置元素的宽度。这个属性定义元素内容区的宽度，在内容区外面可以增加 内边距 、边框和 外边距 。
<html>
<head>
<style ty PE ="text/css">
img
{
width: 300px
}
</style>
</head>
<body>
<img src="eg_smile.gif" />
</body>
</html>效果图：
2、使用min-width属性
min-width 属性设置元素的最小宽度。该属性值会对元素的宽度设置一个最小限制。因此，元素可以比指定值宽，但不能比其窄。不允许指定负值。
<!DOCTYPE html>
<html>
<head>
< ;m eta charset="utf-8">
<style type="text/css">
.min{
min-width: 300px;
}
</style>
</head>
<body>
<textarea>文本框默认宽度</textarea>< br >
<textarea class="min">文本框最小宽度300px</textarea>
</body>
</html>效果图：
3、使用max-width属性
max-h ei ght 属性设置元素的最大高度。该属性值会对元素的高度设置一个最高限制。因此，元素可以比指定值矮，但不能比其高。不允许指定负值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<textarea>文本框默认宽度</textarea><br>
<textarea style="max-width: 400px;">文本框最大宽度400px</textarea>
</body>
</html>效果图：
（学习视频分享：css视频教程）
以上就是css中如何设置元素宽度的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css中如何设置元素宽度 全部内容，希望文章能够帮你解决 css中如何设置元素宽度 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did200163