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">国务院公布了房</div>
</div>

我尝试更改display款式，line-height，word-spacing等。我仍然无法将其打印出水平打印的字符

为什么？

Answer 1

这是因为你创建的div只有30px宽。因此，文本别无选择，只能转到下一行。删除“宽度：30px”。我只是尝试过，这很好。

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

1 个答案: