W3C home > Mailing lists > Public > www-style@w3.org > June 2013

[css3-text-overflow] Question regarding float and text-overflow: ellipsis(float 和 text-overflow: ellipsis 的问题)

From: 一丝 <yiorsi@gmail.com>
Date: Tue, 4 Jun 2013 12:24:13 +0800
Message-ID: <CA+-d5Zr5h7utVPhh8hdDUNmHYdZgGtTbHcXJScZCUx7m+8g_hw@mail.gmail.com>
To: public-html-ig-zh <public-html-ig-zh@w3.org>, "www-style@w3.org" <www-style@w3.org>, "Tab Atkins Jr." <jackalmage@gmail.com>
问题源于这个讨论:
http://lists.w3.org/Archives/Public/www-style/2013Apr/0540.html


我写了一个测试用例:http://jsbin.com/afuxid/1/edit


得到如下结果:

http://img02.taobaocdn.com/tps/i2/T1rgC1XANbXXbAUXjT-270-405.png


其中:
Chrome,IE8-10 表现一致,文字不遮盖 input;
Opera 与 Firefox 表现一致,文字遮盖 input;
Firefox 21 在 input 获得焦点后省略号消失。

Webkit bug:https://bugs.webkit.org/show_bug.cgi?id=115746

Chromium bug:https://code.google.com/p/chromium/issues/detail?id=237078

Firefox bug:https://bugzilla.mozilla.org/show_bug.cgi?id=864759


那么到底哪一种才是符合标准的?
text-overflow 规范:http://dev.w3.org/csswg/css-ui/#text-overflow0


以上
*一丝*

QQ______20130604120708.png
(image/png attachment: QQ______20130604120708.png)

Received on Tuesday, 4 June 2013 04:25:05 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:12 UTC