Css旋轉div在頂部創建空白空間

我有一個div，我從垂直旋轉到水平。問題是，當我旋轉時，它會在頂部創建大空間。我想在旋轉div時將其疊放在頂部。我怎樣才能做到這一點的圖像尺寸，我有背景是寬756×高1250Css旋轉div在頂部創建空白空間

.body 
{ 
    width:756px; 
    min-height:1250px; 
    border-color:White; 
    border-style:solid; 
    border-width:thin; 
    float:right; 
    margin:0 auto; 
    background-image:url("Images/bg.jpg"); 
    background-repeat:no-repeat; 
     -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg);

}

<div class="body"> 
<div > 
<div ><h2 style="font-size:20px;"><div style="width:540px; margin-top:520px; margin-left:110px; "> 
    <asp:Label ID="lblNtitle" runat="server" 
     Text="" style="color: #000000" CssClass="style3"></asp:Label><br /><br /> 
    <asp:Label ID="lblNCompany" runat="server" Text="" CssClass="style3"> </asp:Label></div></h2></div>

來源

2013-06-04 focus

所以你想要什麼來實現呢？你想'.body'從左上角旋轉嗎？或者是其他東西？ –

我想旋轉90deg的div類的主體，並在頁面的頂部。在頂部沒有任何空間 – focus

您是否嘗試過使用transform-origin：center;要不然？ –

從我可以收集你需要切換分鐘 - 高度和寬度值，因爲div現在是垂直旋轉而不是水平。這需要照顧頁面頂部的空白區域。下面是一個例子http://jsfiddle.net/fDWkr/1/

變化

width:756px; 
min-height:1250px;

要

width:1250px; 
min-height:756px;

來源

2013-06-05 12:17:24 ChrisD

Css旋轉div在頂部創建空白空間

回答

相關問題