Html 为什么会这样;span";在“内部”;a「;使用IE7失败?
我有密码: HTML(意思是4.0) 这就是我需要的:Html 为什么会这样;span";在“内部”;a「;使用IE7失败?,html,css,Html,Css,我有密码: HTML(意思是4.0) 这就是我需要的: 容器temperaturea链接到/link/ 每个a都是50%,并且链接得到了一个填充(左或右) 在Firefox/Chrome/IE8/IE9上没有问题。在IE7上,增加/取消(水平)窗口,第二个链接得到了一条新线 为什么??还有,我怎样才能解决这个问题呢?我想这是因为你的50%/50%部门。当div的像素计数为奇数时,IE7将第二个链接推到新行,但当div的像素计数为偶数时,IE7将保持正确的位置。将两种宽度都更改为49%解决了问
- 容器
链接到temperaturea
李>/link/
- 每个
都是50%,并且链接得到了一个填充(左或右)李>a
为什么??还有,我怎样才能解决这个问题呢?我想这是因为你的50%/50%部门。当div的像素计数为奇数时,IE7将第二个链接推到新行,但当div的像素计数为偶数时,IE7将保持正确的位置。将两种宽度都更改为49%解决了问题。我认为这是因为您的50%/50%分割。当div的像素计数为奇数时,IE7将第二个链接推到新行,但当div的像素计数为偶数时,IE7将保持正确的位置。将两个宽度更改为49%可以解决问题。如果从两个链接元素中删除
宽度:50%
属性,它们是否在同一行上渲染?如果从两个链接元素中删除宽度:50%
属性,它们是否在同一行上渲染?是否可能重复
<div class="temperatura">
<a href="/link/" class="temperatura_localita">
<span style="padding-left:12px;">
Text1
</span>
</a>
<a href="/link/" class="temperatura_dettagli">
<span style="padding-right:70px;">
Text2
</span>
</a>
</div>
.temperatura
{
height:34px;
position:relative;
background-color:#FF0000;
}
.temperatura_localita
{
width:50%;
height:34px;
line-height:34px;
float:left;
}
.temperatura_dettagli
{
width:50%;
height:34px;
line-height:34px;
float:left;
text-align:right;
}