Question

我想创建一个引用列表。在这里，我想使用带有图像（徽标）的三列布局（包括图像上的链接）。

首先我尝试使用表格。我添加了图像和链接，但我需要居中。所以我在起始页面上为RTE添加了以下TS：

RTE.default.showButtons := addToList(center, left, right)
RTE.default.FE < RTE.default

RTE.classes {
    align-left {
        name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
        value = text-align: left;
    }
    align-center {
        name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
        value = text-align: center;
    }
    align-right {
        name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
        value = text-align: right;
    }
}

我还添加了这个CSS：

.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }
.align-justify { text-align: justify }

现在我在RTE中启用了按钮，我可以水平居中图像。但仍缺少垂直居中。所以我尝试使用内容元素Images但是这里的colums有不同的大小，没有居中。选择另一个布局没有改变HTML标记..我不知道内容元素Table对于这种类型的任务是如何的，所以我切换回我的普通表。

我添加了以下TS以启用表格样式：

RTE.default {
    disableAlignmentFieldsetInTableOperations = 1
}

在这里我无法改变风格。如果我在表格属性中，Tables下的选择Body和Style将被取消激活。也许这可以实现水平和垂直居中。

我想出的唯一解决方案就是这个CSS：

.align-center td {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

所以我有垂直和水平居中，但我不认为这是理想的解决方案，因为编辑器也应该能够创建这种类型的布局（不添加我的自定义CSS）。

这是怎么做的？

TYPO3：格式表（水平和垂直中心图像）

0 个答案: