用Div替换HTML表

好吧,我试图购买不应该使用html表的想法,而div应该是.但是,我经常使用类似于以下内容的代码

    

        
First Name:
        

    
    

        
Last Name:
        

    
    

        
Address:
        

            
                NY
                CA
            
        
        

            
                USA
                CAN
            
        
    

我希望标签对齐,我希望控件对齐.如果不使用表格,我该怎么做？

1> partoa..：

---

这应该做的伎俩.

  First field
  


  Second field
  

我希望你能得到这个概念.

---

谢谢,我明白了.这基本上就是我的想法.但是,必须对列宽进行硬编码似乎非常难看,尤其是应该与内容分离的样式.

2> KOGI..：

---

请注意,虽然不鼓励表格作为页面布局的主要方式,但它们仍然有其自己的位置.表格可以并且应该在适当的时候使用,直到一些更流行的浏览器(ahem,IE,ahem)变得更符合标准,表格有时是解决方案的最佳途径.

---

确实.在这种情况下,您想要显示TABULAR数据.因此,使用HTML表格就可以了.

---

你如何实施"有时"？

3> Wavesailor..：

---

我仔细查看了一个简单的解决方案,发现这个代码对我有用.right为了便于阅读,div是我留下的第三列.

这是HTML:

  

    

      
PHONE & FAX:
    
    

      
+43 99 554 28 53
    
    
 
  
  

    

      
Cellphone Gert:
    
    

      
+43 99 302 52 32
    
    
 
  
  

    

      
Cellphone Petra:
    
    

      
+43 99 739 38 84
    
    
 
  

而CSS:

.container {
    display: table;
    }
.row  {
    display: table-row;
    }
.left, .right, .middle {
    display: table-cell;
    padding-right: 25px;
    }
.left p, .right p, .middle p {
    margin: 1px 1px;
   }