使用范围创建表

我想创建一个使用<span>和<div>概念的表。使用范围创建表

但是表格没有正确地合在一起。我无法找到问题所在。请告诉我问题是什么。我必须在同一行中生成4到5行。

示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <HEAD> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <style> 
      .line1 
      { 
       background-color:#AAAAAA; 
       height: 150px; 
       width: 1px; 
       display: block; 
      } 
      .line2 
      { 
       background-color:#CE5611; 
       height: 150px; 
       width: 1px; 
       display: block; 
       margin-left: 121px; 
      } 
     </style> 
    </HEAD>  
    <body> 
     <div id="a1" style='padding-left: 14px;width: 100px;'> 
      <span>h1</span> 
      <span class="line1"></span> 
      <span>h2</span> 
      <span class="line2"></span> 
      <span>h3</span> 
      <span class="line1"></span> 
     </div> 
    </body> 
</html>

来源

2010-11-09 pradeep cs

1.你是什么意思“用span和div的概念创建一个表”？为什么不使用表？ 2.请接受您之前问题的一些答案。它会让人更愿意帮助你。 – lonesomeday 2010-11-09 12:21:02

请清除您的密码/使用密码框 – Simon 2010-11-09 12:21:53

请问'table'不是更合适吗？ – 2010-11-09 12:26:41

而是这样去的：

<div id="a1" style='padding-left: 14px;width: 100px;'> 
       <span>h1</span> 
       <span class="line1"></span> 
       <span>h2</span> 
       <span class="line2"></span> 
       <span>h3</span> 
       <span class="line1"></span> 
</div>

做

#wrapper .content{ 
    float:left 
    width:100px; 
    padding:.5em; 
} 

#wrapper .content span{ 
font-weight:bold; 
} 


<div id="wrapper"> 
    <div class="content"><span>line 1</span></div> 
    <div class="content"><span>line 2</span></div> 
    <div class="content"><span>line 3</span></div> 
</div>

你得到了主意..

来源

2010-11-09 20:09:48 Conex

是最大sobol ..我明白了.. thanx很多 – 2010-11-15 15:47:33

你应该使用<table>。

来源

2010-11-09 12:29:59

这个问题不够清楚吗？ – zfm 2012-07-19 03:55:29

你真的想要分类跨度有display: block？这迫使每一个单独的线。功能上，<span style="display: block">有点像<div>（和<div style="display: inline">有点像<span>）。您可能在寻找display: inline-block。这使您能够像您一样阻止属性（高度，宽度），但仍然使其在周围的内容中移动。另一种选择是使用display: table-cell。有一个display支持here的图表。

来源

2010-11-09 12:34:38

感谢您的快速响应。它正在使用“内联块”。但“表格单元格”不起作用。 – 2010-11-09 12:50:55

对于表格单元格，某些浏览器要求您使用display：table和display：table-row具有父容器。 – 2010-11-09 18:16:37

我更喜欢使用li和span标签而不是div和span。它使操作更容易。用li作为block和span inline-block。

来源

2012-10-31 12:17:53 irfandar

使用范围创建表

回答

相关问题