c# - 剪切一个字符串以适合 div 的宽度，并在字符串的末尾添加三个点

Question

如何剪切字符串以适应 div 的宽度？

假设我有一个长字符串，比如 "Anyone can help me to solve this problem" 放入一个 80px 宽的 div。我想要的是剪切字符串以适合 div 的宽度并在单词末尾添加“...”，如 “Anyone can help me...”

Answer 1

您可以尝试使用 CSS 使用诸如 this one by Justin Maxwell 等方法用省略号截断字符串。 .

基本上，要使其跨浏览器工作，您必须结合使用标准 CSS、特定于浏览器的 CSS 和一些 XML。完整的文章可以在上面的链接中阅读，但最终产品是:

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}

结合

<?xml version="1.0"?>
<bindings
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xbl="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
    <binding id="ellipsis">
        <content>
            <xul:window>
                <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
            </xul:window>
        </content>
    </binding>
</bindings>

然后用 CSS class="ellipsis"装饰你的 div