主題: 发表英文文章的时候,沒斷行文字破壞了页面 作者: andywang 於 三月 28, 2005, 05:52:10 下午 发表英文文章的时候,沒斷行文字破壞了页面效果,如何解决?
Mark -说:把 {literal}<style type="text/css"> table,td {table-layout:fixed;word-wrap:break-word;word-break:break-all} </style>{/literal} 加到相应模板的 post.template ,然后在 {$post->getText()} 前后加上<table></table> 可是我加上问题还是没解决,为什么? 主題: 发表英文文章的时候,沒斷行文字破壞了页面 作者: markwu 於 三月 28, 2005, 05:59:46 下午 請參考 http://blog.blueshop.com.tw/petlife/archive/2004/10/13/496.aspx 。
你必須把 <table> 加上 width 的 tag 才有效。 如果再不行,你用上面那一篇文章的代碼來試: 程式碼: <table width=150 style="table-layout:fixed;word-wrap:break-word;word-break:break-all"> Mark 主題: 发表英文文章的时候,沒斷行文字破壞了页面 作者: andywang 於 三月 29, 2005, 09:15:54 上午 我加在了/templates/grey/post.template 形式如下,还是不能解决问题,怎么办?
<!-- {$url->postTrackbackLink($post)} --> <h3>{$post->getTopic()}</h3> {assign var="postDate" value=$post->getDateObject()} {assign var="postOwner" value=$post->getUserInfo()} <span class="date">{$postOwner->getUsername()} | {$locale->formatDate($postDate,"%d %B, %Y %H:%M")}</span> <p> <table width=150 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">{$post->getText()}</table> </p> <div class="footer"> {foreach name=categories from=$post->getCategories() item=postcategory} <a href="{$url->categoryLink($postcategory)}">{$postcategory->getName()}</a> {if !$smarty.foreach.categories.last}, {/if} {/foreach} :: <a href="{$url->postPermalink($post)}">{$locale->tr("comment on this")} ({$post->getTotalComments()})</a> :: <a title="{$locale->tr("permalink_title")}" href="{$url->postPermalink($post)}">{$locale->tr("permalink")}</a> :: <a href="{$url->postTrackbackStatsLink($post)}">{$locale->tr("trackbacks")} ({$post->getNumTrackbacks()})</a> </div> 主題: 发表英文文章的时候,沒斷行文字破壞了页面 作者: andywang 於 三月 29, 2005, 10:36:51 上午 hi mark:
修改了还是不起作用,是不是还有文件没有修改好? 主題: 发表英文文章的时候,沒斷行文字破壞了页面 作者: markwu 於 三月 30, 2005, 11:24:22 上午 看樣子是 table 的 css 不起作用,你把
引用 <p> <table width=150 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">{$post->getText()}</table> </p> 改為 引用 <div style="word-wrap:break-word;word-break:break-all"> {$post->getText()} </div> 試試看,好嗎? Mark 主題: Re: 发表英文文章的时候,沒斷行文字破壞了页面 作者: fefewa 於 四月 19, 2006, 01:26:51 下午 table的話
用下面這樣可以work :p <table style="table-layout:fixed" width="150"> <tr> <td style="word-break:break-all"> {$post->getText()} </td> </tr> </table> 主題: Re: 发表英文文章的时候,沒斷行文字破壞了页面 作者: lss 於 四月 19, 2006, 01:34:19 下午 程式碼: style="word-break:break-all" lss 主題: Re: 发表英文文章的时候,沒斷行文字破壞了页面 作者: markwu 於 四月 19, 2006, 11:10:45 下午 目前對斷行其實沒有任何方法處理!
IE 的那個 CSS 設定,其實並非標準,一到 Safri, Opera 與 FireFox 就全掛了! Mark 主題: Re: 发表英文文章的时候,沒斷行文字破壞了页面 作者: maomaode 於 四月 19, 2006, 11:22:44 下午 smarty 的 wordwrap不能解决这个问题吗? 好像重复的贴在, 奇怪, 我怎么说了两遍 :-O
|