OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 div.flex { | |
6 display: flex; | |
7 width: 100px; | |
8 overflow: hidden; | |
9 text-overflow: ellipsis; | |
10 } | |
11 </style> | |
12 </head> | |
13 <body> | |
14 <div class="flex"> | |
15 AAAAAAAAAAAAAAAAAAAA | |
16 </div> | |
17 <div class="flex"> | |
18 <b>bbbbbbbbbbbbbbbbbbbb</b> | |
19 </div> | |
20 <div class="flex"> | |
21 <div>cccccccccccccccccccc</div> | |
22 </div> | |
23 <div class="flex"> | |
24 DDDDDDDDDDDDDDDDDDDD<b>ee</b>FFFFFFFFFFFFFFFFFFFF | |
25 </div> | |
26 </body> | |
27 </html> | |
OLD | NEW |