0

ニュース、賞、出版物など、さまざまな長さの縦型ページ ラベルがあります。テキストを同じ最上点から開始し (テキストが水平の場合は右揃えになります)、その点から下に移動したいと考えています。インライン スタイルを使用して、テキストを押し下げて正しい位置に配置する必要があります。高さと幅を 500 に設定しようとしましたが、これは整列には機能しているように見えますが、div を正しい方向に押し上げます。

.vert_text {
position: relative;
color: #fff;
text-transform: lowercase;
font-family: Arial;
font-size: 6em;
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
float:left;
width:100px;
}

<div class="vert_text">
news
</div>
<div class="vert_text">
publications
</div>
4

2 に答える 2

0

たとえば、 line-height を使用して高さを定義します。

.vert_text {
    height:6em;
    line-height:6em;
}

この作業フィドルを参照してください。

于 2013-03-12T17:35:05.717 に答える
0 
.var_text{
margin-top:0px;
}

また

削除位置:相対

それから加えて

margin:0px または margin-top:0px;

于 2013-03-12T17:35:42.783 に答える