文本溢出省略号适用于单行ltr
和rtl
方向,但省略号不适用于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>