Umbruch langer text in IE und Firefox

Ich habe ein problem... ich habe einige lange hyperlinks, die sind plain text, die ich brauche, um zu wickeln... ich habe mir für die Stunde und habe noch nicht einen Weg gefunden, erfolgreich ist es auf Firefox und Internet Explorer. Es funktioniert auf Firefox, keine Probleme, aber auf DH es dehnt die Tabelle.

Ich konnte wirklich etwas Hilfe verwenden, um dieses Problem zu beheben.

Hier ist die CSS, die ich habe, obwohl es sagt, dass der Zeilenumbruch nicht gültig ist, habe ich auch versucht zu tun table-layout:fixed.

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

und hier ist der code in der aspx.cs-Datei

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);
}

Wenn Sie etwas anderes benötigen, lassen Sie es mich wissen...wirklich alles, was ich kümmern, ist der, wenn ein Teil der Arbeit für jetzt.. das ist der Teil, den der Kunde sieht.

Bearbeiten:
bearbeitet generierten 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>

InformationsquelleAutor Eddy Whitaker | 2012-02-23

  1. 1

    Haben Sie versucht, die Einstellung der Klasse auf das A-tag (statt des TD -), und dann die Einstellung nur word-wrap: break-word;?

    Diese funktioniert bei mir im test docuemnt im IE 7-9, sowie in Chrome und FF.

    sorry..der Eine tag sollte nicht auch dort sein..nur neu bearbeitet es..es gibt keine hyperlinks in den Kunden-Bericht ..ich versehentlich kopiert es aus dem einen sehe ich nicht ..Sie sehen..alles gleich..außer..Sie kann nicht hyperlinks
    meinst du die Einstellung tc.Text = "<div style=\"word-wrap: break-word;\"> " + dv[i]["fulldescription"].ToString() + " </div> ";
    Es könnte, aber ich habe viel weniger konsistente Ergebnisse bei der Anwendung word-wrap auf block-level-Elemente. Wenn es nicht funktioniert auf die DIV, können Sie versuchen, es auf einem <span> tag, da es ein generisches inline-element.
    was ich sagte, völlig gearbeitet...ich habe versucht, fügen Sie ein div für die Letzte Stunde oder so..und konnte nicht daran denken, wie.., aber Ihre Antwort hatte mich relooking in dem Teil des code du redest..und ich die änderungen gemacht..und es lag nahe genug,..das es klappt..vielen Dank
    Toll, freut mich zu hören, dass Sie arbeitete it out! Ich kann Ihnen nicht sagen, wie viele Male eine Lösung hat, komm zu mir nach stepping Weg von dem problem, und gewinnt eine neue Perspektive. Happy coding!

    InformationsquelleAutor justbeez

  2. 0

    [dump generische Antwort hier]

    Hinzufügen table-layout: fixed zu Ihrem Tisch, und legen Sie eine <colgroup> vor der <tbody> mit <col> Elemente mit jeweils style="width: whatever;" mit was auch immer Sie wollen es.

    <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>

    Kann ich nicht geben eine spezifische Antwort, es sei denn, ich sehe einige generierte HTML.

    nur veröffentlicht es.
    Sie gerade gebucht ein paar Zeilen. das nicht diagnostizieren Sie die gesamte Tabelle. Zum Beispiel, jetzt würde ich annehmen, du bist in Redundanz, da jede einzelne Zelle der Tabelle hat colspan="4".
    sein nicht ein problem mit dem ganzen Tisch..es ist buchstäblich, dass der Abschnitt in den Kommentaren..die ganze Tabelle ist in 4 Spalten...nur den Abschnitt den ich Euch gab, hat ein colspan von 4...wenn du mehr brauchst wird es mir ein bisschen, da ich im Begriff bin, an die Arbeit zu verlassen und Besorgungen machen...und ich muss re-edit mehr text später am Abend..aber wenn entfernen Sie den Kommentar-Abschnitt..Tabelle zeigt perfekt..wenn ich Kraft Leerzeichen..es korrekt angezeigt..aber da alle Daten eingegeben, die von anderen Menschen..und ich kann nicht überprüfen jeder..also..auf der Suche nach einem Weg zu zwingen, es zu brechen, aber ich werde arbeiten, auf eine größere erzeugte html-heute Abend
    Sie können es besser, dann, durch einen separaten Tisch element für die Kommentare, wenn möglich, oder eine Zelle in der Tabelle mit jedem Kommentar in einem div mit der passenden Breite einstellen.

    InformationsquelleAutor Niet the Dark Absol

  3. 0

    Fügen Sie diese Klasse, um Ihre Zelle in der Tabelle (Funktioniert in IE 9)

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

    InformationsquelleAutor user2885129

Schreibe einen Kommentar