本文介绍了ListView的 - 项模板造型 - 跨浏览器的差异的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这是对我的previous问题的后续行动(我会AP preciate任何帮助!

Here is the output of the page and the CSS http://jsfiddle.net/9HsvF/21/ I would appreciate any help!

推荐答案

只是一个建议。摆脱表如果可能的话。并尝试一个div布局。一个布局模板输出可以像():

Just a suggestion. Get rid of the tables if possible. And try a div layout. A layout template output can be like (http://jsfiddle.net/V5aCa/1/):

<div style="overflow:auto;">
    <div class="leftColumn">
        <img src="http://static.adzerk.net/Advertisers/da748a4c6e9b4c97af37c32af7531544.jpg"/>
        </div>
    <div class="rightColumn">
        <div class="titleRow">Title</div>
        <div class="nameRow">Name</div>
        <div class="values">
            <div>value1</div><div>value2</div>
        </div>
        <div class="values">
            <div>value3</div><div>value4</div>
        </div>
    </div>
</div>

和CSS的:

.leftColumn
{
    float:left;
    width:150px;
    overflow:auto;
}
.rightColumn
{
    float:left;
    overflow:auto;
}
.titleRow,.nameRow
{
    text-align:center;
}
.values
{
    clear:both;
}
.values div
{
    float:left;
    padding:0px 3px;
}

这篇关于ListView的 - 项模板造型 - 跨浏览器的差异的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-17 22:26
查看更多