Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将水平尺与表格分开。它们混合在一起。我想把横线放在桌子下面_Html_Html Table - Fatal编程技术网

Html 如何将水平尺与表格分开。它们混合在一起。我想把横线放在桌子下面

Html 如何将水平尺与表格分开。它们混合在一起。我想把横线放在桌子下面,html,html-table,Html,Html Table,因此,我的问题是并排创建两个单独的表,而不是像往常一样一个表放在另一个表的下面。我做了一些让它工作的事情,但现在我的标记与表混合在一起 技能 睡觉 ★★★★ 吃 ★★★ 游戏 ★★★★★ 阅读 ★★★★★ 这就是代码。有人能帮我把水平尺放在桌子下面吗?从我的代码中可以看到,hr标记出现在关闭

因此,我的问题是并排创建两个单独的表,而不是像往常一样一个表放在另一个表的下面。我做了一些让它工作的事情,但现在我的

标记与表混合在一起

技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★

这就是代码。有人能帮我把水平尺放在桌子下面吗?从我的代码中可以看到,hr标记出现在关闭第二个table标记之后,但我的最终输出将水平规则与表混合在一起,而不是在它下面。我在代码中犯了什么错误?任何帮助都将不胜感激,尤其是我的代码。有人告诉我我的代码出了什么问题


另外,我也不太清楚div标签的作用是什么,因为如果有人能向我解释清楚的话,这是一个任务,我也不知道为什么我把它放在我的代码中,我真的不知道。

的样式改为
显示
内联

<h3>Skills</h3>
<table style="display:inline">
   <tr>
      <td>Sleeping</td>
      <td>&#9733;&#9733;&#9733;&#9733;</td>
   </tr>
   <tr>
      <td>Eating</td>
      <td>&#9733;&#9733;&#9733;</td>
   </tr>
</table>
<table style="display: inline">
   <tr>
      <td>Gaming</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
   </tr>
   <tr>
      <td>Reading</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
</table>
<hr size="3" noshade="3">
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★


.

的样式更改为
显示为
内联

<h3>Skills</h3>
<table style="display:inline">
   <tr>
      <td>Sleeping</td>
      <td>&#9733;&#9733;&#9733;&#9733;</td>
   </tr>
   <tr>
      <td>Eating</td>
      <td>&#9733;&#9733;&#9733;</td>
   </tr>
</table>
<table style="display: inline">
   <tr>
      <td>Gaming</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
   </tr>
   <tr>
      <td>Reading</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
</table>
<hr size="3" noshade="3">
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★

.

表格{
浮动:左
}
人力资源{
清楚:两者都有
}
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★

表格{
浮动:左
}
人力资源{
清楚:两者都有
}
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★


只是一个有根据的猜测在这个阶段,你有两个
您试过了吗
第二张桌子?而不是离开?希望这有帮助

只是一个有根据的猜测在这个阶段你有两个
您试过了吗
第二张桌子?而不是离开?希望这有帮助

我找到了解决办法 我只需要将我的两个表放在一个主表中,这两个表将是表行中的表数据

    <h3>Skills</h3>
<table cellspacing="10">
  <td>
  <table cellspacing="10">
    <tr>
      <td>Sleeping</td>
      <td>&#9733;&#9733;&#9733;&#9733;</td>
    </tr>
    <tr>
      <td>Eating</td>
      <td>&#9733;&#9733;&#9733;</td>
    </tr>
  </table>
</td>
<td>
  <table cellspacing="10">
    <tr>
      <td>Gaming</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
    </tr>
    <tr>
      <td>Reading</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
  </table>
</td>
</table>
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
我找到了解决方案 我只需要将我的两个表放在一个主表中,这两个表将是表行中的表数据

    <h3>Skills</h3>
<table cellspacing="10">
  <td>
  <table cellspacing="10">
    <tr>
      <td>Sleeping</td>
      <td>&#9733;&#9733;&#9733;&#9733;</td>
    </tr>
    <tr>
      <td>Eating</td>
      <td>&#9733;&#9733;&#9733;</td>
    </tr>
  </table>
</td>
<td>
  <table cellspacing="10">
    <tr>
      <td>Gaming</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
    </tr>
    <tr>
      <td>Reading</td>
      <td>&#9733;&#9733;&#9733;&#9733;&#9733;</td>
  </table>
</td>
</table>
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★

如果您使用
浮动
,它不会将其他内容推到下一行。它将使它们与
float
ed元素在同一行中呈现。这就是浮动的目的。请原谅。漂浮的目的是什么?它只是控制物体的重力。是否向左或向右推(或无)。它的所有邻居通常都会围绕它:如果您使用
float
,它不会将其他所有内容推到下一行。它将使它们与
float
ed元素在同一行中呈现。这就是浮动的目的。请原谅。漂浮的目的是什么?它只是控制物体的重力。是否向左或向右推(或无)。它的所有邻居通常都会围绕它:CSS标记的用途是什么,hr{clear both;},它做了什么?它使元素下降到文档中它前面的任何浮动元素下面。CSS标记的用途是什么,hr{clear both;},它的作用是什么?它会使元素下降到文档中它前面的任何浮动元素下面。我不熟悉浮动,我想我会尝试你的建议。我不熟悉浮动,我想我会尝试你的建议。更改以内联方式显示的表的样式会做什么?会使表与其相邻的表在同一行中呈现<代码>
元素显示为
,因此它们不是内联的。因此,他们将自动转到新的生产线。在此处签出属性值部分:更改要显示为内联的表的样式会做什么?使表与其相邻的表在同一行中呈现<代码>
元素显示为
,因此它们不是内联的。因此,他们将自动转到新的生产线。在此处签出“属性值”部分: