-1

谁能建议我如何将下面的 html 表转换为 div?我试图做一些谷歌搜索,但无法找到具体的例子。如果有人可以为我提供一些示例代码或指出正确的方向,我将不胜感激。

谢谢

<table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>   

                <tr>
                    <td colspan="3">
                        List of news
                     </td>
                </tr> 
                <tr>
                    <td width="20%">
                        Title
                    </td>
                    <td width="5%">
                        :
                    </td>
                    <td width="75%">
                        Name of title
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        Description
                    </td>
                    <td valign="top">
                        :
                    </td>
                    <td valign="top">
                        Content of description
                    </td>
                </tr>
            </tbody>
            </table> 
4

2 回答 2

2

现场演示:http: //jsfiddle.net/satinder_singh1/TdAWY/

演示内容 http://jsfiddle.net/satinder_singh1/TdAWY/1/

<div class="headDiv">
        <div class="c1 w1" >
            sd
        </div>
        <div class="c1 w20">s
        </div>
        <div class="c1 w5"> s
        </div>
        <div class="c1 w75">s
        </div>
         <div class="c1 w20">s
        </div>
        <div class="c1 w5"> s
        </div>
        <div class="c1 w75">s
        </div>

    </div>​

.c1
{
float:left;

}

.headDiv
{
width:100%;
border:1px soild blue;
}
.w75
{
width:75%;
height:50px;

border-bottom:1px solid;
}
.w20
{
width:20%;
height:50px;

border-bottom:1px solid;
}
.w5
{
width:5%;
height:50px;
background-color:Yellow;
border-bottom:1px solid;
}

.w1
{
width:100%;
height:50px;
background-color:pink;
border-bottom:1px solid;
}
于 2012-07-11T07:42:56.230 回答
-1

使用tabletodivconverter.com/将 html 表格转换为 div。

于 2015-05-06T17:48:10.413 回答