html页面怎么设置页面宽度
发布网友
发布时间：2022-03-22 12:32
共2个回答
热心网友
时间：2022-03-22 14:02
1、直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表
2、然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。在这里，将select1的样式标签的宽度设置为300px，这是一个精确的值，并设置高度和背景色，以便查看下一步的效果：
3、然后设置select2的宽度。在这里，使用百分比设置宽度。百分比代表整个屏幕的比例，设置为50%：
4、最后，当进入浏览器时，可以看到两个具有不同宽度的选择下拉列表。上面是控制HTML页面中下拉列表宽度的方法：
热心网友
时间：2022-03-22 15:20
最外层html标签宽度，都是根据浏览器窗口大小决定的，
页面一般都写在body里面，所有只需要控制body就行，
body样式加上margin：0 auto
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
body {
margin: 0 auto;
width: 300px;
height: 300px;
}
div {
width: 200px;
height: 200px;
background: green;
}
</style>
</head>
<body>
body宽度为300px
<div> div宽度为100px </div>
</body>
</html>
