相关疑难解决方法(0)

我想为iE 10添加css.

实际上我的css在chrome和firefox中运行良好.但是在IE 10中造成了一些问题.

我尝试了这个代码,并制作了ie10.css,但它无法正常工作.

<script> 
if (/*@cc_on!@*/false) { 

    var headHTML = document.getElementsByTagName('head')[0].innerHTML; 

headHTML    += '<link type="text/css" rel="stylesheet" href="css/ie10.css">'; 
document.getElementsByTagName('head')[0].innerHTML = headHTML; 
} 
</script>

它不起作用.请帮助.

在HTML5中,如何为表格单元格指定固定宽度？<col>HTML4中提供的大多数属性在HTML5中不再有效.

为了清楚起见,我知道我能做到<td style="width:150px">,但这并不能保持列宽固定.无论细胞的内容是什么,我都希望宽度固定在150px.

好的,这实际上有点复杂.

我有一个列表项目设置的导航列表inline-block.项目数是列表是动态的,因此可能会有所不同.

我的目标是让列表项跨越容器的整个宽度.(例如,如果有4个列表项,每个列表项占据容器宽度的25%[忽略边距/填充等])

还有一个复杂的问题是,浏览器似乎为内联块元素添加了4px的余量,其中它们之间有空格(换行符/空格等).

我做了一个小提琴作为起点,有两个例子:第一个是内联块模式中的列表项,第二个证明它们在宽度上对齐.

既没有实现我想要的东西,整个宽度被元素占据而没有它们分成另一条线.

http://jsfiddle.net/4K4cU/2/

编辑:稍微分开,但为什么在我的第二个例子中lis 下方有一个空格,请注意我将行高和字体大小设置为0的事实？

正如标题所说"根据元素的数量划分元素宽度"我希望有一个类似进度的栏,我可以在其中添加元素,并且根据我有进度条的元素量将分开.

这是现在的固定值(33%,33%和34%),我希望它们根据我使用的元素数量而改变.

就像我的列表中有4个元素一样,我希望它能自动与4分开.有没有简单的方法可以做到这一点？也许只使用CSS？我不介意javascript,但我只是说它可能是我错过的东西:)

编辑:我创建了3个div并给了他们所有不同的类.

<section class="progress-part-list">
    <div class="progress-part-left">

    </div>

    <div class="progress-part-right">

    </div>

    <div class="progress-part-mid">

    </div>
</section>

在我的CSS中,我的固定值是:

.progress-part-mid
{
    height: 100%;
    width: 34%;
    background-color: #52ff00;
    opacity: 0.9;
    display: block;
    float:left;
}

.progress-part-left
{
    height: 100%;
    width: 33%;
    background-color: red;
    opacity: 0.9;
    display: block;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    float:left
}

.progress-part-right
{
    height: 100%;
    width: 33%;
    background-color: yellow;
    opacity: 0.9;
    display: block;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    float:right;
}