Обтекание длинного текста в IE и Firefox

Question

У меня проблема ... У меня есть несколько длинных гиперссылок, которые представляют собой простой текст, который мне нужно обернуть ... Я искал час и не нашел способа успешно сделать это как в Firefox, так и в Internet Explorer.,Он отлично работает на Firefox, без проблем, но в IE он растягивает таблицу.

Я мог бы действительно использовать некоторую помощь, чтобы исправить это.

Вот CSS, который у меня есть, хотя он говорит слово-wrap недопустим, я также пытался сделать table-layout:fixed.

.wordwrap
{
    display:inline-block;
    word-wrap:break-word;
    overflow:hidden;
}

, и вот код в файле aspx.cs

tr = new TableRow();
tc = new TableCell();
tc.ColumnSpan = 4;
tc.CssClass = "title";
tc.Text = "Comments";
tr.Cells.Add(tc);
table.Rows.Add(tr);

for (int i = 0; i < dv.Count; i++)
{
    tr = new TableRow();
    tc = new TableCell();
    tc.ColumnSpan = 4;
    tc.Wrap = true;

    tc.CssClass = "wordwrap";
    if (Request.QueryString["edit"] == null)
        tc.Text = dv[i]["fulldescription"].ToString();
    else
    {
        tc.Text = "<a href=\"editComment.aspx?id=" + dv[i]["id"].ToString() + "&oid=" + Request.QueryString["id"]
                        + "&aid=" + dr["id"].ToString() + "&edit=1\">" + dv[i]["fulldescription"].ToString() + "</a>";
                }

    tr.Cells.Add(tc);
    table.Rows.Add(tr);
}

Если вам что-то нужноеще, дайте мне знать ... на самом деле все, о чем я забочусь, это если часть работает сейчас ... это та часть, которую видит клиент.

Редактировать: редактировать сгенерированный html

    <tr>
    <td colspan="4" class="title">Comments</td>
</tr><tr>
    <td colspan="4">These are some words that are displayed for this comment http://www.themostaweseomesthyperlinkeverbecauseitneverends.com/index.htm.</td>
</tr><tr>
    <td colspan="4">These are some words that are displayed for this commnet with more http://www.uab.edu/......./.</td>
</tr><tr>
    <td colspan="4">These are some words that are displayed for this commnet with more and maybe more http://www.themostaweseomesthyperlinkeverbecauseitneverendsdaskldklkdaskdkjldkljalkjsdkljdslkjdskljkljdsakljdskjldsakljlkjdsakljsdakljsdalkjdskljsdalkjlkjdsalkjsdaklsdalksdalksdlkjdslkjsldkjslkjdajalkasdkljlkjdsalkjdsalkjdsalkjadslkjlkjsdalkjdsalkjdsalkjdsalkjlkdsalkjdsalkjdaslkjsadklakdsakldsjdslakdjjldksdjdklslskdjdakldlkdajkdljkdajkdjkdjalkkdjlkajdlkjadjdajdajkdakjdaadljdakjadjdkjkadlkjdaljkdalkjadklkldajlkjdalkjdalkjdalkjdalkjdalkjdkajlkdadaklkdalkjdalkjdlkjdalkjdakldkajldkjalkjdaldkjalkjdalkjdalkjdakljdalkjdalkjljkadlkjdalkjdalkjlkdjalkjdadjalkldjalkjadadkjlkljdadjlkdlakjkljdakaljdlkjdalkjdakjladljkadkaldjlkjdakljadkjldalkkljdadakdakljkladjl.com/index.htm</td>

</tr><tr>                          
    <td colspan="4">Theehese are some words that are displayed for this commnet with more and maybe morhese are some words that are displayed for this commnet with more and maybe morhese are some words that are displayed for this commnet with more and maybe morhese are some words that are displayed for this commnet with more and maybe more and more</a></td>
   </tr>

Answer 1

Вы пытались установить класс для тега A (вместо TD), а затем установить только word-wrap: break-word;?

Это работает для меня в тестовой документации в IE 7-9, а также в Chrome и FF.

Answer 2

Добавьте этот класс в ячейку таблицы (работает в IE 9)

.wrapText
{
    white-space:pre-wrap;
    word-wrap:normal;
    word-break:break-all;
}

Answer 3

[сбросить общий ответ здесь]

Добавьте table-layout: fixed к вашему столу, а затем поставьте <colgroup> перед <tbody> с <col> элементами каждый с style="width: whatever;" с тем, что вы там хотите.

<table style="table-layout: fixed;">
    <colgroup>
        <col style="width: 50px;" />
        <col style="width: 400px;" />
    </colgroup>
    <tbody>
        <tr>
            <td>Long content here, but it gets limited to 50px wide.</td>
            <td>This cell is 400px wide.</td>
        </tr>
    </tbody>
</table>

Я не могу дать более конкретный ответ, если не увижу какой-то сгенерированный HTML.