如何在網頁上水平正確顯示html編碼的漢字？

我無法以水平格式顯示中文字符。我嘗試了一些使用這種CSS樣式表的組合。如何在網頁上水平正確顯示html編碼的漢字？

我的CSS：

.myborder{ 
    border: 2px solid;border-top-left-radius: 50px; 
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 50px; 
    border-bottom-left-radius: 2px; 
    box-shadow: 9px 9px 15px #000000; 
} 

.myborder .h1{ 
    width: 30px; 
    display: compact; 
    -webkit-margin-before: 1em; 
    -webkit-margin-after: 1em; 
    -webkit-margin-start: 0px; 
    -webkit-margin-end: 0px; 
    text-align: left; 
    padding-left: 20px; 
    font-size: 38.5px; 
    font-weight: bold; 
    margin-top: 20px; 
    margin-bottom: 0; 
    line-height: 1; 
    word-spacing: -1; 
    font-family: inherit; 
    color: inherit; 
    text-rendering: optimizelegibility; 
}

我的html代碼：

<div class = "myborder"> 
    <div class="h1">國務院公佈了房</div> 
</div>

我曾試圖改變display風格，line-height，word-spacing，等我仍然無法得到它的字符打印出來橫向

這是爲什麼？

來源

2013-03-06 awongCM

這是因爲你正在創建一個只有30px寬的div。所以文本別無選擇，只能去下一行。刪除「寬度：30px」。我剛剛嘗試過，並沒有問題。

來源

2013-03-06 02:42:20 Matt

如何在網頁上水平正確顯示html編碼的漢字？

回答

相關問題