文件目录如图,所有需要调用的文件都放在global.php中。比如index.php中写好语句,然后$smarty->display(index.htm);
把参数嵌入到index.htm的新闻标题的地方,正常显示,但是长度超出范围不好看。
所以想限制长度,超出的部分用省略号代替。
如图
sqlè¯å¥è¾åºçæ¶åæ ¼å¼å
$sql = "SELECT LEFT(å段å,éå¶çæ é¢é¿åº¦) AS title FROM 表å";
---------------------------------------
cssæ ¼å¼å
ããcss
ãã.contents ul{ width:120px;
ããoverflow:hidden;
ãã//line-height:18px;
ãã}
ãã.contents ul li{
ããoverflow:hidden;
ãã}
ãã.contents ul li a{
ããmargin:0;
ããdisplay:block;
ããwidth:100px;
ããwhite-space:nowrap;
ããfloat:left;
ããtext-overflow:ellipsis;
ããoverflow:hidden;
ãã}
html
<div class="contents">
<ul id="c_jcdj_u">
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
</ul>
</div>追é®
$sql = "SELECT LEFT(å段å,éå¶çæ é¢é¿åº¦) AS title FROM 表å";
---------------------------------------
cssæ ¼å¼å
ããcss
ãã.contents ul{ width:120px;
ããoverflow:hidden;
ãã//line-height:18px;
ãã}
ãã.contents ul li{
ããoverflow:hidden;
ãã}
ãã.contents ul li a{
ããmargin:0;
ããdisplay:block;
ããwidth:100px;
ããwhite-space:nowrap;
ããfloat:left;
ããtext-overflow:ellipsis;
ããoverflow:hidden;
ãã}
html
<div class="contents">
<ul id="c_jcdj_u">
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
<li><a href='newsDetail.html?id={0}'>æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦æ é¢ï¼ä»»æé¿åº¦</a></li>
</ul>
</div>追é®
ä¸è¿ä»æ©ä¸ææ¾å°äºå¦ä¸ä¸ªåæ³ï¼å¨æåµåæ°å°é¡µé¢çæ¶å
{section name=l loop=$sm_deep}
<li><a href="view.php?id={$sm_deep[l].id}">{$sm_deep[l].title|truncate:30:"......"}</a></li>
{/section}
å 为æªåçæ¶åéå°æ°åï¼æè åæ¯ï¼å°±æ¯å¥æ°çå符ï¼æªåå°é¡µé¢åå°±ä¼æä¸äºæ é¢åé¢æä¸ä¸ªåæ¯ä¹±ç çæ³åæ³æå®å个å¤æï¼ï¼å¦ææ¯å¶æ°é£å°±ç´æ¥å»å¶æ°ï¼å¦ææ¯å¥æ°é£å°±+1ï¼è¯å¥å®å¨æ³ä¸åºï¼æ±å¸®å¿äºã
温馨提示:答案为网友推荐,仅供参考
第1个回答 2012-12-10
smarty有限制长度的 truncate
第2个回答 2012-12-10
这个确实得用css控制li的长度和高度
第3个回答 2012-12-12
在smarty模板中截取指定长度的字符串,可使用truncate,具体使法:{$data.value|truncate:28:'...'}