Question

我正在尝试将我的代码从html表更改为Joomla中的div。我找到了一些答案，但我需要一个具体的指导。

我有3比3的桌子（每个窗口可以容纳任何东西 - 文字，视频，图片......）
使用表格时，很容易进行“垂直对齐”

现在我需要将带有表格的html翻译成div。但是......

不能用css，应该是纯html
和我生成的div“表”应垂直对齐。

我没有发布任何代码，因为它只是一个3乘3的表......

如果没有CSS就无法做到这一点，那么如何在Joomla的JCE编辑器中保存我的CSS代码呢？它一直在评论它。

这是代码的一部分：

<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">&nbsp;</div>
        <div id="middle">&nbsp;</div>
        <div id="right">&nbsp;</div>
    </div>
</div>

Answer 1

为什么不将自己的CSS文件添加到模板中？通过这种方式，您可以在整个网站中重复使用CSS，而不是在您需要的每篇文章中使用C＆amp; P？

YooTheme为您提供了一个名为custom.css的文件您可以通过template manager/templates/yourtemplate name进行修改然后在右边查找custom.css。

RocketTheme还提供自定义文件，但您需要将其添加到 templates/yourtemplatename/css文件夹为 yourtemplatename_custom.css。您可以使用ftp进行此操作，或者如果您使用它，请将其上传到您的CPanel / Plesk。实际上JCE还没有在控制面板上添加文件浏览器按钮吗？您可以通过它添加文件。

不可否认，模板开发人员为他们的模板做了很多不同的方式，这可能有点令人困惑，但一旦你想出来，它将为你节省数小时的工作。

想象一下，更改一个CSS条目，让所有文章都反映出这一变化，而无需编辑每个条目。

Answer 2

对于这样的布局，你不能使用没有CSS的div。

没有CSS就是不可能的（即便如此，也不是直接的）。

Answer 3

在你的Joomla管理面板中：

组件＆gt; JCE＆gt;个人资料＆gt; your_profile＆gt;编辑器参数选项卡＆gt;高级选项卡：

允许CSS（*）是（）否

然后，转到网站＆gt;全局配置＆gt;文本过滤器并将过滤器类型设置为“无过滤”。

Answer 4

您应该尝试将样式标记内的css移动到文档顶部的<head></head>标记中。也许您的css被注释掉的原因是因为您已将其包含在文档正文中的<p></p>标记中。

希望这是可以理解的。

如何在Joomla Editor中使用div实现表？

4 个答案: