Html 如何将水平尺与表格分开。它们混合在一起。我想把横线放在桌子下面
因此,我的问题是并排创建两个单独的表,而不是像往常一样一个表放在另一个表的下面。我做了一些让它工作的事情,但现在我的Html 如何将水平尺与表格分开。它们混合在一起。我想把横线放在桌子下面,html,html-table,Html,Html Table,因此,我的问题是并排创建两个单独的表,而不是像往常一样一个表放在另一个表的下面。我做了一些让它工作的事情,但现在我的标记与表混合在一起 技能 睡觉 ★★★★ 吃 ★★★ 游戏 ★★★★★ 阅读 ★★★★★ 这就是代码。有人能帮我把水平尺放在桌子下面吗?从我的代码中可以看到,hr标记出现在关闭
标记与表混合在一起
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
这就是代码。有人能帮我把水平尺放在桌子下面吗?从我的代码中可以看到,hr标记出现在关闭第二个table标记之后,但我的最终输出将水平规则与表混合在一起,而不是在它下面。我在代码中犯了什么错误?任何帮助都将不胜感激,尤其是我的代码。有人告诉我我的代码出了什么问题
另外,我也不太清楚div标签的作用是什么,因为如果有人能向我解释清楚的话,这是一个任务,我也不知道为什么我把它放在我的代码中,我真的不知道。将
的样式改为显示内联:
<h3>Skills</h3>
<table style="display:inline">
<tr>
<td>Sleeping</td>
<td>★★★★</td>
</tr>
<tr>
<td>Eating</td>
<td>★★★</td>
</tr>
</table>
<table style="display: inline">
<tr>
<td>Gaming</td>
<td>★★★★★</td>
</tr>
<tr>
<td>Reading</td>
<td>★★★★★</td>
</table>
<hr size="3" noshade="3">
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
.将
的样式更改为显示为内联:
<h3>Skills</h3>
<table style="display:inline">
<tr>
<td>Sleeping</td>
<td>★★★★</td>
</tr>
<tr>
<td>Eating</td>
<td>★★★</td>
</tr>
</table>
<table style="display: inline">
<tr>
<td>Gaming</td>
<td>★★★★★</td>
</tr>
<tr>
<td>Reading</td>
<td>★★★★★</td>
</table>
<hr size="3" noshade="3">
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
.
表格{
浮动:左
}
人力资源{
清楚:两者都有
}
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
表格{
浮动:左
}
人力资源{
清楚:两者都有
}
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
只是一个有根据的猜测在这个阶段,你有两个
您试过了吗
第二张桌子?而不是离开?希望这有帮助 只是一个有根据的猜测在这个阶段你有两个
您试过了吗
第二张桌子?而不是离开?希望这有帮助 我找到了解决办法
我只需要将我的两个表放在一个主表中,这两个表将是表行中的表数据
<h3>Skills</h3>
<table cellspacing="10">
<td>
<table cellspacing="10">
<tr>
<td>Sleeping</td>
<td>★★★★</td>
</tr>
<tr>
<td>Eating</td>
<td>★★★</td>
</tr>
</table>
</td>
<td>
<table cellspacing="10">
<tr>
<td>Gaming</td>
<td>★★★★★</td>
</tr>
<tr>
<td>Reading</td>
<td>★★★★★</td>
</table>
</td>
</table>
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
我找到了解决方案
我只需要将我的两个表放在一个主表中,这两个表将是表行中的表数据
<h3>Skills</h3>
<table cellspacing="10">
<td>
<table cellspacing="10">
<tr>
<td>Sleeping</td>
<td>★★★★</td>
</tr>
<tr>
<td>Eating</td>
<td>★★★</td>
</tr>
</table>
</td>
<td>
<table cellspacing="10">
<tr>
<td>Gaming</td>
<td>★★★★★</td>
</tr>
<tr>
<td>Reading</td>
<td>★★★★★</td>
</table>
</td>
</table>
技能
睡觉
★★★★
吃
★★★
游戏
★★★★★
阅读
★★★★★
如果您使用浮动
,它不会将其他内容推到下一行。它将使它们与float
ed元素在同一行中呈现。这就是浮动的目的。请原谅。漂浮的目的是什么?它只是控制物体的重力。是否向左或向右推(或无)。它的所有邻居通常都会围绕它:如果您使用float
,它不会将其他所有内容推到下一行。它将使它们与float
ed元素在同一行中呈现。这就是浮动的目的。请原谅。漂浮的目的是什么?它只是控制物体的重力。是否向左或向右推(或无)。它的所有邻居通常都会围绕它:CSS标记的用途是什么,hr{clear both;},它做了什么?它使元素下降到文档中它前面的任何浮动元素下面。CSS标记的用途是什么,hr{clear both;},它的作用是什么?它会使元素下降到文档中它前面的任何浮动元素下面。我不熟悉浮动,我想我会尝试你的建议。我不熟悉浮动,我想我会尝试你的建议。更改以内联方式显示的表的样式会做什么?会使表与其相邻的表在同一行中呈现<代码>
元素显示为块
,因此它们不是内联的。因此,他们将自动转到新的生产线。在此处签出属性值部分:更改要显示为内联的表的样式会做什么?使表与其相邻的表在同一行中呈现<代码>
元素显示为块
,因此它们不是内联的。因此,他们将自动转到新的生产线。在此处签出“属性值”部分: