css - 通过外部 div 容器中的 css 更改图像的大小

Question

我想通过 css 更改图像的宽度。当我通过typo3 执行此操作时，我只能访问外部 div 容器（内容元素的自定义边框）。所以我将以下行添加到我的 css 文件中：

.Bild-Startseite img { max-width:50% !important; }

div 容器正在使用Bild-Startseite. 不幸的是，容器没有调整大小，在图像的右侧留下了一个空白区域。如何纠正这种情况，使图像向右对齐并且文本在其周围浮动？我只想更改此图像，而不是网站上的其他图像。此外，typo3 不允许我访问其他容器。

谢谢

score 0 · Accepted Answer

为了让它工作，你应该为你的图像容器设置样式。在你的情况下：

figure.csc-textpic-image.csc-textpic-last

您说您希望这仅适用于此特定页面。请尝试以下方法：

#c48 figure.csc-textpic-image.csc-textpic-last {
    max-width: 400px; /* or whatever value you may fit. */
}

我相信#c48仅特定于该页面。因此，您将该规则仅应用于该页面。

如果#c48不是特定于该页面，那么您应该在您的正文页面中添加一个 css 类。

您应该typo3 template从setup field上编辑您的main template，然后执行以下操作：

page = PAGE
page {
    ...

    bodyTagCObject {
        field = uid
        wrap = <body class="uid-|">
    }

    ...
}

有了这个，您将拥有一个类，并且您可以简单地执行以下操作：

.uid-yourIdNumberHere figure.csc-textpic-image.csc-textpic-last {

//your page specific style here.

}

1 回答 1