Оберните содержимое таблицы

Question

В следующей таблице, как может быть ограничен текст, может отображаться только 20 символов

  <table><tr><td>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td></tr></table>

Спасибо ..

Answer 1

Если вы введете «AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGGGG» это даст

AARRRRRRRRRRRRRRRRRRRR
RRGGGGGGGGGGGGGGGGGGGG
G

Я взял свой пример с нескольких разных сайтов в Google. Я проверил это на ff 5.0, IE 8.0 и Chrome 10. Он работает на всех из них.

.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

<table style="table-layout:fixed; width:400px">
    <tr>
        <td class="wrapword">
        </td>
    </tr>
</table>

Answer 2

Это то, что лучше делать на стороне сервера, особенно если вы хотите, чтобы остальная часть линии была недоступна.

Также невозможно точно подсчитать количество символов в CSS. Вы можете использовать width, установленное в em, что примерно соответствует букве M:

td {
  width: 20em;
  overflow: hidden;
}

Если вы не можете сделать это на стороне сервера, и это должно быть ровно 20 символов, то вам придется использовать JavaScript.

Answer 3

Есть ли причина, по которой вы используете таблицу поверх DIV или UL LI? Также, если содержимое таблицы будет сгенерировано на PHP, вы можете использовать PHP проще, чем javascript, чтобы отображать только 20 символов.

// Ограничение суммы $ в сколько персонажи? $ limit = 20; $ summary = <<< резюме Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст резюме; </p>

if (strlen ($ summary)> $ limit) $ summary = substr ($ summary, 0, strrpos (substr ($ summary, 0, $ limit), ' ')). '...'; echo $ summary;

Answer 4

Если вы хотите ограничить отображаемое в ячейке 20 символами, вы можете использовать Jquery, чтобы установить для ячейки подстроку ячейки.

<table><tr><td id="tableCell">yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td></tr></table>

$("#tableCell").text($("#tableCell").text().substring(0,20))

Answer 5

Вы можете попробовать ограничить ширину столбца:

td {
    width: 20em;
    overflow: hidden;
}