css中li设置表单大小 |js与css交互

li {
width: 50%;
display: inline-block;
}
input[type="text"] {
width: 100%;
}
select {
width: 100%;
}

在网页中，表单元素是非常常见的，例如文本框、下拉框等等。而设置这些表单元素的大小则是非常重要的一步。使用CSS中的li标签可以轻松地调整表单元素的大小。

首先，大家可以使用display属性和inline-block值将li标签的宽度设置为50%，这样可以让表单元素在一行中排列，并且占据一定的宽度。

然后，大家可以使用CSS中的input和select选择器来分别设置文本框和下拉框的宽度为100%。这会使表单元素铺满整个li标签的宽度，达到大家想要的效果。

在实际开发过程中，大家可以根据实际需要对表单元素的大小进行调整，以达到更好的效果。