极速阅览

← 返回首页

wpt/css/css-ui/text-overflow-string-005.html at master · web-platform-tests/wpt · GitHub

{{ message }}

Blame

Blame

Code
Blame

28 lines (28 loc) · 992 Bytes

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Basic User Interface Test: text-overflow with string and bidi text</title>

<link rel="author" title="Minseong Kim" href="mailto:jja08111@gmail.com">

<link rel="help" href="https://drafts.csswg.org/css-overflow-4">

<link rel="match" href="reference/text-overflow-string-005-ref.html">

<meta name="assert" content="When text-overflow is a string and the content overflows, the string should appear as ellipsis, and it should work correctly with bidirectional text.">

<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

<style>

div {

font-family: monospace;

font-size: 20px;

white-space: pre;

width: 9ch;

overflow: hidden;

}

div.test {

text-overflow: "-";

}

</style>

<body>

<p>Test passes if each pair of lines looks identical</p>

<div class="test">שלום 123456</div>

<div>ם 123456-</div>

<br/>

<div class="test" dir=rtl>שלום 123456</div>

<div dir=rtl>שלום 456-</div>

</body>

© 2026 GitHub, Inc.

Terms
Privacy
Security
Status
Community
Docs
Contact
Manage cookies
Do not share my personal information