有什么办法让下拉框居中

Dic4000 2009-12-15 09:51:12



<html>

<head></head>

<body>

<select id="dl" style="text-align:center;">

<option>aaa</option>

<option>bbb</option>

<option>ccc</option>

</select>

</body>

</html>

style里应怎么写才能让select标签在网页上居中（不准在它的外围用任何标签，只允许用css）？

...全文

1513 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

config_man 2009-12-16

打赏
举报

[Quote=引用 2 楼 dic4000 的回复:]
楼上的不行啊
[/Quote]
我这边可以，不知道你那边怎么回事。

ddcatlee 2009-12-16

打赏
举报

如果你的select没有设定其他样式
那么

body { text-align:center; }

Dic4000 2009-12-16

打赏
举报

kickken给的方案可以达到效果,谢谢.但还有一个小问题,假如用户在浏览器上禁用了脚本,就不会有居中的效果

Dic4000 2009-12-16

打赏
举报

shan1119你的方案在firefox上不行,在IE上可以

shan1119 2009-12-16

打赏
举报

<html>

<head></head>

<body style="text-align:center;">

<select id="dl" >

<option>AAA</option>

<option>BBB</option>

<option>CCC</option>

</select>



<br/>

<table border="1px" rules="all" style="border-collapse:collapse;margin-left:auto;" >

        <tr>

            <td>AAA</td>

            <td>BBB</td>

            <td>CCC</td>

        </tr>

        <tr>

            <td>a1</td>

            <td>b1</td>

            <td>c1</td>

        </tr>

        <tr>

            <td>d1</td>

            <td>e1</td>

            <td>f1</td>

        </tr>

    </table>

</body>

</html>

kickken 2009-12-16

打赏
举报

style="position:absolute;left:expression(body.clientWidth/2);"

Dic4000 2009-12-16

打赏
举报

恩，下拉框居中解决了，如果后面有一个table元素，也想让table居中，用同样的CSS代码为什么不行呢？



<html>

<head></head>

<body style="text-align:center;">

<select id="dl" >

<option>AAA</option>

<option>BBB</option>

<option>CCC</option>

</select>



<br/>

<table border="1px" rules="all" style="border-collapse:collapse;position:absolute;margin-left:auto;" >

		<tr>

			<td>AAA</td>

            <td>BBB</td>

			<td>CCC</td>

		</tr>

		<tr>

			<td>a1</td>

            <td>b1</td>

			<td>c1</td>

		</tr>

		<tr>

			<td>d1</td>

            <td>e1</td>

			<td>f1</td>

		</tr>

	</table>

</body>

</html>