float,css的一种属性,主要属性值为:left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元素浮动),多用于网页排版。
float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
扩展资料
CSS属性
1、整数和实数
在CSS中只能使用浮点小数,而不能像其他编程语言那样使用科学记数法表示实数,即1.2E3在CSS中将是不合法的。下面是几个正确的例子,整数:128、-313,实数:12.20、1415、-12.03。
2、长度量
相对长度单位有:em——当前字体的高度,也就是font.size属性的值;ex——当前字体中小写字母x的高度;Dx——一个像素的长度,其实际的长度由显示器的设置决定,比如在800木600的设置下,一个像素的长度就等于屏幕的宽度除以800。
3、百分数量(percentages)
百分数量就是数字加上百分号。显然,百分数量总是相对的,所以和相对长度量一样,百分数量不被子级元素继承。
参考资料来源:百度百科-CSS
参考资料来源:百度百科-FLOAT
1) 简单点的使用padding使其“看上去”对齐比如: 这里比较适合宽度固定的场合,只要padding合适,效果还是不错的
select {
...
padding: 0 0 0 20px
}
2) 使用一些UI库实现
比如jQueryUI
优点是可以解决select控制在各个浏览器界面不一致的问题。
3) 居右对齐: 可以使用rtl属性来来控制,
<select dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to the right</option>
</select>
写成CSS的话则为:
select {
direction: rtl
}
border-radius属性是CSS3提供的,如果按照下面代码设置还是不行,你就要看看是不是你浏览器版本太低,建议使用新版本谷歌和火狐浏览器测试
<option value="0" style="border: 1px solid #000width: 100pxborder-radius:5px">苹果</option>