layout: Implement text-overflow: ellipsis per CSS-UI-3 § 6.2.

Only the one-value syntax is supported for now.
This commit is contained in:
Patrick Walton 2015-01-09 07:25:49 -08:00
parent aba5c16091
commit 0f8e436745
10 changed files with 195 additions and 56 deletions

View file

@ -232,3 +232,4 @@ fragment=top != ../html/acid2.html acid2_ref.html
== filter_opacity_a.html filter_opacity_ref.html
== filter_sepia_a.html filter_sepia_ref.html
== mix_blend_mode_a.html mix_blend_mode_ref.html
!= text_overflow_a.html text_overflow_ref.html

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<style>
p {
width: 128px;
background: gold;
text-overflow: ellipsis;
}
#hideme {
overflow: hidden;
}
</style>
</head>
<body>
<p id=hideme>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
<p>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<style>
p {
width: 128px;
background: gold;
}
</style>
</head>
<body>
<p>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
<p>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
</body>
</html>