css下拉菜单字体如何居中

html-css07

css下拉菜单字体如何居中,第1张

两边加“--”比较美观。

用 也可以,用中文全角空格也可以。

中文全角空格是在中文输入状态下切换成“全角”然后在空格这个空格空出来的位置比较大。还有一种方法是用css中的“padding”。

<html>

<head>

<title>select间距调整</title>

<style>

body {font-size:12px}

select {margin:5px 0 width:120px border:1px solid #ccc}

</style>

</head>

<body>

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select>

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select><br />

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select>

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select>

</body>

</html>

浏览器当前列表页面按F12进入调试模式。 点击有个箭头图标查看页面元素-划到下来列表你要修改样式的位置-会显示当前样式的class 名与相关属性设置的数值信息。 插件bootstrap-select如果有引用的CSS文件去里搜索找到的CLASS名。如果没有css文件...