html - 如何在网页上正确水平显示html编码的汉字？

Question

我无法以水平格式显示汉字。我使用这个 css 样式表尝试了一些组合。

我的 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">国务院公布了房&lt;/div>
</div>

我已经尝试更改display样式，，，line-height等word-spacing。我仍然无法将字符水平打印出来

这是为什么？

Answer 1

这是因为您正在创建一个只有 30 像素宽的 div。所以文本别无选择，只能转到下一行。删除“宽度：30px”。我刚试过，很好。