Question

我正在设置一个我传给我的设计。

设计需要左对齐的div（class = banner）放置在外部div的左侧。

然后这个div包含旋转的文本（-90deg），需要居中并在div中间对齐。

问题是，这个文本可能有不同的高度，也有不同的长度和字体。

有没有办法可以更新我的CSS以确保文本始终位于其父div的中心？

.banner
{
    height:90%; 
    width:5%;
    padding:5%;
    text-transform: uppercase;
}

.rotated
{
    position:relative;
    float:left;
    top: 50%;
    left: 50%;
    height: 2px;
    margin-top: -1px;
    margin-left: -100%;
    text-align: center;
    display:inline-block;
    transform: translateX(-50%) rotate(-90deg);
    white-space: nowrap;
}

jsFiddle

Answer 1

只需添加：

#Ticket

到<% asm_group_unsubscribe_url %>属性。 https://jsfiddle.net/yz3jL58y/1/

CSS在div中居中旋转文本

1 个答案: