1

所以在我拍摄自己之前，我需要帮助解决 css/html 问题。我是一名 .NET 程序员，不必深入研究 html 或 css。我有一些图表存储为图像，而不是水平显示它们，而是希望它们垂直显示。例如，一张图片的高度为 75 像素，宽度为 900 像素。它们显示在穿过屏幕的 Div 中。因此，为了垂直显示它们，我对图像进行了一些转换 - 旋转（-90）。没问题。问题出现在原点部分。我希望 Div 中的图像与 div 容器的左侧垂直排列，并且该容器是另一个 Div。但是我必须使用边距才能让容器转到屏幕的右侧。当然，当屏幕尺寸发生变化时，这无论如何都不起作用。一定是我的东西 米失踪？这是我正在使用的代码：

CSS 

   .columnMain
{   
    float: left;  
    **margin-left: 440px;**  
    **margin-top:-425px;**  
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */  
    -o-transform: rotate(90deg); /* Opera */  
    -webkit-transform-origin: 50% 50%;  
    position:relative;  
}
div.container  
{  
    width: 99%;  
    margin-left: 2px;  
    padding: 0px;  
    height:600px;  
    background-color:#000000;  
    border:1px solid white;  
    top:225px;  
    position:absolute;  
}

我在上面把问题区域加粗了。以及下面的 HTML/ASP.NET

 <div class="container">
        <div class="columnMain">
            <asp:ContentPlaceHolder ID="CMGraph" runat="server">
                <uc3:MGraph ID="MGraph1" runat="server" ClientIDMode="Inherit" 
                    EnableViewState="True" ViewStateMode="Enabled" />**This is the image/chart that has been created elsewhere**
            </asp:ContentPlaceHolder>
        </div>
 </div>

修改起源并不重要，因为我需要使用负数将 Div 及其内容带回 div.container 的左侧。所以我需要知道我是否可以做一些比我现在所做的更有说服力的事情，并且无论屏幕大小如何都能正常工作？

4

0 回答 0