需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index，填充问题基础代码。
2、在index中的<style>；标签中，输入css代码：table {margin: auto}。
3、浏览器运行index页面，此时table在div中成功居中显示了。
2.HTML中怎么用列表框
HTML中下拉列表框是一个可选列表。
该列表的组成需要有select 以及其中的选项option组成。一个select中可以包含多个选项（option），每个option有一个value属性表示这个option的值，展示文本这对标签中间的“展示文本”是用于在下拉的时候展示的选项，其中的某一个option在选中以后，这个option的value就可以用于和后台交互进行逻辑处理。
以下是一个最简单的DEMO: 列表框演示<body>。
现在我们有一个下拉列表，Html代码如下：[html] view plain copy
<select id="fruit_type">
<option value ="f1">Apple</option>
<option value ="f2">Banana</option>
<option value ="f3">Orange</option>
<option value ="f4">Pearl</option>
</select>
这个是时候我们想拿到选中的水果的名字，比如Apple，下面的代码不行：
[javascript] view plain copy
var fruit_select = document.getElementById("fruit_type")
var fruit_name = fruit_select.value
这个时候只能拿到水果的id，比如 f1
这时需要先得到选中的菜单项的index，再取文字
[javascript] view plain copy
var fruit_select = document.getElementById("fruit_type")
var fruit_index=fruit_type_select.selectedIndex
[javascript] view plain copy
// 这行会返回 f1
var fruit_id = fruit_type_select.options[fruit_type_index].value
[javascript] view plain copy
// 这行才能返回我们想要的 Apple
var fruit_name = fruit_type_select.options[fruit_type_index].text
当某个option的selected属性设置为selected时，表示默认选中。比如：
<select>
<option
value="1"
selected="selected">1</option>
<option
value="2">2</option>
</select>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）