gpt4 book ai didi

CSS 垂直文本

转载 作者:行者123 更新时间:2023-11-28 12:24:28 26 4
gpt4 key购买 nike

<分区>

Possible Duplicate:
css vertical centering

我试图让文本在屏幕一侧的垂直标签中居中。到目前为止我有 the following CSS and HTML :

CSS

body
{
font-family: Arial;
}
.panel
{
position:absolute;
top: 0px;
bottom: 0px;
left: -300px;
width: 299px;
border-right: 1px solid black;
}

.tab
{
position: absolute;
top: 10px;
width: 16px;
right: -16px;
height: 75px;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
cursor: default;
}

.tab div
{
position: relative;
display: block;
left: 1px;
width: 75px;
height: 15px;
font-size: 14px;
font-weight:normal;
line-height: 15px;
text-align: center;
-moz-transform:rotate(-270deg);
-moz-transform-origin: bottom left;
-webkit-transform: rotate(-270deg);
-webkit-transform-origin: bottom left;
-o-transform: rotate(-270deg);
-o-transform-origin: bottom left;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

HTML

<div class="panel">
<div id="pnlStack" class="tab"><div>Name</div></div>
</div>

在 IE8 中一切看起来都很棒,但在我尝试过的所有其他浏览器(FF、Opera、Chrome)中,文本未在选项卡中居中。我该如何解决这个问题才能使其正常工作?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com