我正在尝试将我的代码从 html 表更改为 Joomla 中的 div。我找到了一些答案,但我需要具体的指导。
- 我有 3 x 3 表(每个窗口都可以容纳任何东西 - 文本、视频、图片......)
- 使用表格时,很容易做到“垂直对齐”
现在我需要将带有表格的 html 翻译成 div。但...
- 不能用css,应该是纯html
- 我生成的 div“表”应该垂直对齐。
我没有发布任何代码,因为它只是一个 3 x 3 表......
如果没有 CSS 就无法做到这一点,那么如何将我的 CSS 代码保存在 Joomla 的 JCE 编辑器中?它一直在评论它。
这是代码的一部分:
<style>
#container {
display: table;
}
#row {
display: table-row;
}
#left, #right, #middle {
display: table-cell;
padding-right: 15px;
}
#left p, #right p, #middle p {
margin: 20px 1px;
}
</style>
<div id="container">
<div id="row">
<div id="left">
</div>
<div id="middle">
</div>
<div id="right">
</div>
</div>
这是我在编辑器中保存后看到的:
<p>
<style type="text/css" scoped="scoped">
<!-- #container {
display: table;
}
#row {
display: table-row;
}
#left, #right, #middle {
display: table-cell;
padding-right: 15px;
}
#left p, #right p, #middle p {
margin: 20px 1px;
}
-->
</style>
</p>
<div id="container">
<div id="row">
<div id="left"> </div>
<div id="middle"> </div>
<div id="right"> </div>
</div>
</div>