Html CSS-是否可以使用CSS而不是<；表>；？

我正在创建一个基于设计师photoshop模型的网站

这是问题表的一部分。我知道这可以很容易地用HTML表创建，但由于表应该用于数据，我宁愿使用CSS

我正在试图找出是否可以用3个单独的列创建它，一个用于单选按钮，另一个用于标题，另一个用于文本框，但我不确定如何使功能对齐（“帐户”单选框与“名称”及其文本框对齐）

这是用CSS还是用表格来完成的？

您可以使用

• 显示：表格用于
  

• 显示：表格行用于
  

• 显示：表格单元格用于
  
  以div格式

（它有css表vshtml表比较供您理解）

CSS可玩

body{
     height:100%;
}
#main{
    height:100%;
    width:100%;

}
.table{
    display:table;
    width: 100%;
}
.tr{
    display:table-row;
}
.td{
    display:table-cell;
}

编辑

根据你的图像，你需要这样的布局

CSS

body {
    height:100%;
}
#main {
    height:100%;
    width:100%;
}
.table {
    display:table;
    width: 100%;
}
.tr {
    display:table-row;
}
.td {
    display:table-cell;
}
.td > span {
    display:list-item;
    list-style:none;
}
.td3 >span {
    background:grey;
    height:16px;
    font-size:10px;
}

HTML

<div id="main">
    <div class="table">
        <div class="tr">
            <div class="td td1"> <span>Project </span>  <span>Account</span>  <span>General bsns</span> 
            </div>
            <!-- //td -->
            <div class="td td2"> <span>Ref</span>  <span>Tite</span>  <span>Name</span> 
            </div>
            <!-- //td -->
            <div class="td td3"> <span>Insert Project Ref</span>  <span>Insert Project Title</span>  <span>Insert Account Nama</span> 
            </div>
            <!-- //td -->
        </div>
        <!-- //tr -->
    </div>
</div>

项目帐户一般BSN
参考名称
插入项目参考插入项目标题插入账户Nama

能否提供一个屏幕截图，说明您希望它的外观？我意识到这是3列，但仍然。。。“帮助我们”帮助您。@oops似乎拿了一个，但忘了连接。我已经添加了该帖子的链接。再次感谢NoobEditor。我想你以前可能也帮过我做过类似的事情。这次我就是想不起来，但我一定会学会的！谢谢应该没问题。我将有一个剧本，不难让它看起来像这样：当然，只需设置父级

divs

和

html

高度：100%

…您就可以轻松地完成这些设计！！：）