LifeType 中文開發論壇

開發 => 外掛程式 => 主題作者是: andywang 於 三月 28, 2005, 05:52:10 下午



主題: 发表英文文章的时候,沒斷行文字破壞了页面
作者: 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">
{$post->getText()}
</table>


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"
這是 for IE only ,遇到非 IE 的瀏覽器,版面還是會死掉  :-(

lss


主題: Re: 发表英文文章的时候,沒斷行文字破壞了页面
作者: markwu四月 19, 2006, 11:10:45 下午
目前對斷行其實沒有任何方法處理!

 IE 的那個 CSS 設定,其實並非標準,一到 Safri, Opera 與 FireFox 就全掛了!

Mark


主題: Re: 发表英文文章的时候,沒斷行文字破壞了页面
作者: maomaode四月 19, 2006, 11:22:44 下午
smarty 的 wordwrap不能解决这个问题吗? 好像重复的贴在, 奇怪, 我怎么说了两遍 :-O