2016-05-23 23 views
0

カンマ区切りのhrefタグのリストからラップしない単語に問題があります。あなたは、テーブルには単語が空白に基づいてラップされるまで押し出され、見ることができるようにCSSでhrefタグのコンマで区切られたリスト上の単語区切り

words no wrapping

:ここでの問題を示す画像です。私のサイトから問題を見ることもできます:http://thetoolsmith.com/free-themes/bootstrap/toolsmith-31/ace-adminサイトはブートストラップで構築されているので、反応しやすく、問題を再現するためにブラウザウィンドウのサイズを変更する必要があります。

私は運なしのセルに次のCSSルールを試してみた:

white-space: pre-wrap; 
word-wrap: break-word; 

HTMLは次のようになります。私はHREFタグを破るために使用することができます

<td style=" 
white-space: pre-wrap; 
word-wrap: break-word;"> 
    <a href="http://localhost/thetoolsmith/tag/themes/admin/sort.downloads/page.1">admin</a>, 
    <a href="http://localhost/thetoolsmith/tag/themes/dashboard/sort.downloads/page.1" class="m-l-5">dashboard</a>, 
    <a href="http://localhost/thetoolsmith/tag/themes/free/sort.downloads/page.1" class="m-l-5">free</a>, 
    <a href="http://localhost/thetoolsmith/tag/themes/github/sort.downloads/page.1" class="m-l-5">github</a>, 
    <a href="http://localhost/thetoolsmith/tag/themes/wrap-bootstrap/sort.downloads/page.1" class="m-l-5">wrap bootstrap</a> 
</td> 

任意のCSSのトリックカンマで、それは包み込み、テーブルを一直線にならないようにします。

+1

コンマの後に空白がないので、ブラウザはあなたのリンクが1つの長い単語であると見なします。各行の最後にスペースを追加します。 –

+0

うわー...私はそれを逃したとは信じられません。私はページを見るときにスペースが見えますが、要素を調べるときにはそこにはありませんでした。再度、感謝します! – Paul

答えて

0

Jeffrey Jenkinsonありがとうございましたが、文字列にはタグ間のスペース区切り文字がありませんでした。

関連する問題