如何做出这种效果？_html/css_WEB-ITnose

初学者，需要做一种页面效果。上面一行写着用户的名字，下面一行写着用户的职位，旁边是用户的照片。我是这样写的：

 
  
  
 
 
  
 
 

李自成
董事长

事实这样能做出要求的效果，可是交上去的时候被喷了，说应该这样写：

   

  李自成

董事长
   

   

   
   

说我的那种写法页面读取起来会慢很多，这是什么原因呢？另外看书上说DL、DT、DD这些是所谓的解说列表，是怎样原理实现这种效果呢……书上没说，代码也看得不是太明白，烦请指教，谢谢。

回复讨论(解决方案)

是的，少用Table，多用div或UL，dl之类的元素来代替table。据说table的性能不太好。

以前大都是表格布局，现在一般不会用表格布局，表格解析慢。

是的，少用Table，多用div或UL，dl之类的元素来代替table。据说table的性能不太好。
表格上能理解到代码怎么写……可是DL理解不了代码上怎么实现这个……就是不懂用DL怎么实现(上面的DL代码是是别人给的）……

以前大都是表格布局，现在一般不会用表格布局，表格解析慢。
表格上能理解到代码怎么写……可是DL理解不了代码上怎么实现这个……就是不懂用DL怎么实现(上面的DL代码是是别人给的）……

div+css吧 

表格都不常用，加载起来太慢！

之所以不用表格布局是因为表格布局比div的嵌套层多的多，浏览器解析速度慢。dl，dd，dt是要结合css来呈现效果的

只要布局思路合理 适当的表格也有比用块元素好的多的
对于初学者来说

表格的使用是个基础  不会用表格怎么理解块元素布局  

在某些复杂的列表式的元素 你那div或者其他的元素能写死你  
不要说什么单一用什么快的话  
那点家在速度对于现在的电脑和ie来说不很简单

关键在于整体布局，综合考虑

貌似浏览器在解析table时是把整个table全解析后才呈现出来，不像div，解析了多少就出来了多少内容