Question

我有一个包含一些垂直文本的HTML页面。一切都很好，直到我在IE11中查看它 - 然后垂直文本不再是垂直的。＆＃34; Dang，我不应该使用设计师的原创作品，这在IE＆＃34;我想。但事实证明，设计师的原创在他们的服务器上呈现正常，而不是在需要托管的服务器上呈现。我已将问题分解为以下内容：

＆＃13;

    #vertical_text {
    
    	white-space: pre;
    	display: block;
    	height: 100%;
    	width: 100%;
        color:blue;
    	-webkit-transform: rotate(90deg);   
    	-moz-transform: rotate(90deg);
    	-ms-transform: rotate(90deg);
    	-o-transform: rotate(90deg);
    	transform: rotate(90deg);
}

＆＃13;

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    
    <head>
    <meta charset="windows-1252" />
    
    </head>
    
    <body>
    <table><tr><td>ABC</td><td><div id="vertical_text">DEF</div></td></tr></table>
    </body>

＆＃13;

这在FF，Chrome，Edge中可以很好地呈现，当我在IE中加载它作为file：///时。但是，当我使用IE从我们的IIS服务器或我们的Apache服务器查看它时，垂直文本不再是垂直的。设计人员的服务器是基于LINUX的，我们是一个Windows站点，它提出了一个编码问题，但是如果我不知道如何应对它。我试过在windows-1252和utf-8之间查找charset metatag，但它没有任何区别。我在这里给出了IE中垂直文本的各种替代方案

How can I draw vertical text with CSS cross-browser?

但它们都不起作用。有什么想法吗？

在Windows网站上的IE11中查看时，垂直HTML文本无法正确显示

0 个答案: