zoukankan      html  css  js  c++  java
  • ie6的又一个变态问题

    html代码如下:

    <div id="items_name" class="clearfix" >
                  <span style="227px;text-align:left;padding-left:15px;>课程名称</span>
                  <span style="146px;">单价</span>
                  <span style="128px;">状态</span>
                  <span style="112px">总计</span>
                  <span style="82px;">操作</span>
                </div>

    css代码如下:

    .info_content #items_name{
     710px;
     height:33px;
     line-height:33px;
     border-bottom:1px solid #ccc;
     background-color:#f5f5f5;
     }
    .info_content #items_name span{
     display:block;
     float:left;
     height:33px;
     color:#444;
     text-align:center;
     }

    这样设置标准浏览器是没问题的,也就是使用w3c标准盒子模型的浏览器是没问题的。外面div的宽度710px刚好等于里面几个span宽度的总和加上

    第一个span的左边距15px. 表准浏览器下显示没问题,如下:

    可在ie6下却变态的显示:

    就针对ie6写hack就好了,

    <div id="items_name" class="clearfix" >
                  <span style="227px;text-align:left;padding-left:15px;_padding-left:0;_text-indent:8px;" >课程名称</span>
                  <span style="146px;">单价</span>
                  <span style="128px;">状态</span>
                  <span style="112px">总计</span>
                  <span style="82px;">操作</span>
                </div>

    人生短短几十年,要在有限的生命里多做店有意义的事情。莫要让自己迎合别人的眼光活着。随心而为,听从心的声音。讨好自己,悠哉悠哉!
  • 相关阅读:
    TreeView控件
    俄罗斯套娃
    c#文件操作
    c# 操作excle
    vs2010启动越来越慢解决方法
    c# 操作excle[转]
    c# 命名空间别名
    C# openfiledialog的使用
    c# 获取项目根目录方法
    jquery操作复选框(checkbox)的12个小技巧总结
  • 原文地址:https://www.cnblogs.com/jiaojiaome/p/3571740.html
Copyright © 2011-2022 走看看