避免Smarty与CSS语法冲突的方法


Posted in PHP onMarch 02, 2015

本文实例讲述了避免Smarty与CSS语法冲突的方法。分享给大家供大家参考。具体分析如下:

熟悉CSS的人很快就会发现Smarty和CSS的语法存在冲突,因为二者都需要使用大括号{}。如果简单地将CSS标记嵌入到HTML文档首部,将导致"不可识别标记"错误:

<html> 
<head> 
<title>{$title}</title> 
<style type="text/css"> 
p{ 
margin::2px 
} 
</style> 
</head> 
...

不要担心,因为我们有3种解决方案。

一、使用link标记从另一个文件中提取样式信息:

<html> 
<head> 
<title>{$title}</title> 
<link rel="stylesheet" type="text/css" href="css/default.css"/> 
</head> 
...

二、使用Smarty的literal标记将样式表信息包围起来

这些标记告诉Smarty不要解析该标记内的任何内容:

<html> 
<head> 
<title>{$title}</title> 
{literal} 
<style type="text/css"> 
p{ 
margin::2px 
} 
</style> 
{/literal} 
</head> 
...

三、修改Smarty的默认定界符

可以通过设置center_delimiter和center_delimiter属性来做到这一点:

<?php 
require("Smarty.class.php"); 
$smarty=newSmarty; 
$smarty->left_delimiter=''; 
$smarty->right_delimiter=''; 
... 
?>

虽然3种解决方案都能解决问题,但其中第一种可能是最方便的,因为将CSS放在单独的文件中是一种常见的实践做法。此外,这种解决方案不需要修改Smarty的重要默认配置(定界符)。

希望本文所述对大家的php程序设计有所帮助。

PHP 相关文章推荐
echo(),print(),print_r()之间的区别?
Nov 19 PHP
浅谈PHP 闭包特性在实际应用中的问题
Oct 30 PHP
PHP中如何调用webservice的实例参考
Apr 25 PHP
php定时计划任务与fsockopen持续进程实例
May 23 PHP
PHP中new static() 和 new self() 的区别介绍
Jan 09 PHP
Laravel5中contracts详解
Mar 02 PHP
php mongodb操作类 带几个简单的例子
Aug 25 PHP
php、java、android、ios通用的3des方法(推荐)
Sep 09 PHP
php将服务端的文件读出来显示在web页面实例
Oct 31 PHP
PHP实现支付宝即时到账功能
Dec 21 PHP
详解PHP5.6.30与Apache2.4.x配置
Jun 02 PHP
PHP基于堆栈实现的高级计算器功能示例
Sep 15 PHP
实现PHP+Mysql无限分类的方法汇总
Mar 02 #PHP
Java和PHP在Web开发方面对比分析
Mar 01 #PHP
php中return的用法实例分析
Feb 28 #PHP
php多次include后导致全局变量global失效的解决方法
Feb 28 #PHP
Windows7下的php环境配置教程
Feb 28 #PHP
php数组使用规则分析
Feb 27 #PHP
php中stdClass的用法分析
Feb 27 #PHP
You might like
php自动获取字符串编码函数mb_detect_encoding
2011/05/31 PHP
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
2010/04/02 Javascript
jquery一句话全选/取消全选
2011/03/01 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
JS实现含有中文字符串的友好截取功能分析
2017/03/13 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
JavaScript实现开关等效果
2017/09/08 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
微信小程序实现简单评论功能
2018/11/28 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
微信小程序自定义扫码功能界面的实现代码
2020/07/02 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
解决python中os.listdir()函数读取文件夹下文件的乱序和排序问题
2018/10/17 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
拉夫劳伦爱尔兰官方网站:Ralph Lauren爱尔兰
2020/04/10 全球购物
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
大学生个人实习的自我评价
2014/02/15 职场文书
财务科科长岗位职责
2014/03/10 职场文书
网络管理专业求职信
2014/03/15 职场文书
艺术教育实施方案
2014/05/03 职场文书
催款函范文
2015/06/24 职场文书
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers
SQL中的连接查询详解
2022/06/21 SQL Server