首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

float垂直不对齐的有关问题

2013-12-29 
float垂直不对齐的问题div typebutton value //div?说明:input的class属性指定的是一张按钮图

float垂直不对齐的问题
<div type="button" value=" " /></div>

?说明:input的class属性指定的是一张按钮图片。

?

给input添加了float:right的话,按钮会飞到div右上角,而“我的面板”是靠左垂直对齐居中显示的,这样的话按钮和文字就不在一行了,不美观,

?

后来的解决办法是给input用另一个span围起来,html代码如下:

<div type="button" value=" " />    </span></div>

?

?

css样式如下:

?

.arrowPosition{padding-top:5px; float:right;}

?这个padding-top的值根据实际情况修改。

?

另外,在IE7下按钮会飞出DIV,所以要给div块添加一个样式:overflow:auto;

?

?

?

?

?

?

番外:

?

jquery修改class属性的时候,属性名要写className否则ie无法识别:

?

$(XXX).attr({className:XXX});

?

?

热点排行