0

ウェブサイトでの表示LONG NAMESに問題があり、早急にサポートが必要です。

実際には、 を持つ IMAGES の下に IMAGE NAMES を配置する必要がありFIXED WIDTHます。画像名は画像の幅よりも長い場合があるため、見栄えが悪いため、完全な名前を多くの行に表示したくありません。

次に、最大 1 行 (または 2 行) で名前を表示します (ページによって異なります)。

名前が 1 行 (または 2 行) よりも長い場合、画像名をカットし、行の最後に 3 つのドット (…) を配置して、3 つ目のドットが画像の最後に到達するようにします。

解決策を見つけようとしましたが、文字列の長さを定義することはそれらの 1 つではありません。たとえば、10 文字の制限を定義してから 3 つのドットを後で配置すると、すべての文字に制限があるわけではないため、問題は解決されません。同じ長さ:

例 1: AAAAAAAAAA

例 2: IIIIIIIIII

3 つのドットが同じ場所 (画像の最後) に配置されることはないため、この解決策は不適切です。

誰にも解決策がありますか？

どうぞよろしくお願いいたします。

どうもありがとう。

4

2 に答える 2

1

PHP はサーバー側の言語であり、ブラウザーがテキストをどのようにレンダリングするかを知る方法がありません。CSS ソリューションはより実現可能です。

div.picture-name{
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

実際に見てください。

PS の IE サポートは保証できませんtext-overflow: ellipsis。

于 2013-04-02T08:58:16.300 に答える