html div怎么设置宽度
导读:收集整理的这篇文章主要介绍了html div怎么设置宽度,觉得挺不错的,现在分享给大家,也给大家做个参考。htML div设置宽度的方法:1、给div元素添加“width:宽度值;”样式设置固定宽度;2、给div元素添加“min-width...
收集整理的这篇文章主要介绍了html div怎么设置宽度,觉得挺不错的,现在分享给大家,也给大家做个参考。htML div设置宽度的方法:1、给div元素添加“width:宽度值; ”样式设置固定宽度;2、给div元素添加“min-width:宽度值; ”样式设置最小宽度;3、给div元素添加“max-width:宽度值; ”样式设置最大宽度。
本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。
html div设置宽度
1、使用width属性
width属性设置元素的宽度。(注意: width属性不包括填充,边框和页边距!)
!DOCTYPE html> html> head> meta charset="utf-8"> style> div{ border: 1px solid red; } /style> /head> body> div> 默认div宽度是自适应,由视口决定/div> div style="width: 200px; "> 设置div宽度为200px/div> /body> /html>
2、使用Min-width属性
min-width属性设置元素的最小宽度。
!DOCTYPE html> html> head> meta charset="utf-8"> style> div{ border: 1px solid red; } /style> /head> body> div> 默认div宽度是自适应,由视口决定/div> div style="min-width: 200px; "> 设置div最小宽度为200px/div> /body> /html>
3、使用max-width属性
max-width属性设置元素的最大宽度。
!DOCTYPE html> html> head> meta charset="utf-8"> style> div{ border: 1px solid red; } /style> /head> body> div> 默认div宽度是自适应,由视口决定/div> div style="max-width: 500px; "> 设置div最大宽度为500px/div> /body> /html>
推荐教程:《html视频教程》
以上就是html div怎么设置宽度的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html div怎么设置宽度
本文地址: https://pptw.com/jishu/591562.html