文本溢出省略号,用于多行从右到左的文本方向

时间:2018-11-10 09:31:33

标签: html css

文本溢出省略号适用于单行ltrrtl方向,但省略号不适用于rtl方向。

如果我删除/更改rtl的方向,则一切运行正常。什么可能是错误?

index.html

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<style>
p{
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    float: right;
    text-align: right;
    display: -webkit-box;
    max-width: 165px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    line-height: 15px;
    direction: rtl;
}
</style>
<body>

<p>At W3Schools you will find complete references about tags, attributes, events, color names, entities, character-sets, URL encoding, language codes, HTTP messages, and more.</p>

</body>
</html>

0 个答案:

没有答案