避免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 相关文章推荐
一个图形显示IP的PHP程序代码
Oct 19 PHP
PHP 将图片按创建时间进行分类存储的实现代码
Jan 05 PHP
php 删除记录同时删除图片文件的实现代码
May 12 PHP
PHP中的MYSQL常用函数(php下操作数据库必备)
Sep 12 PHP
一个PHP缓存类代码(附详细说明)
Jun 09 PHP
php写的带缓存数据功能的mysqli类
Sep 06 PHP
PHP操作MongoDB GridFS 存储文件的详解
Jun 20 PHP
php var_export与var_dump 输出的不同
Aug 09 PHP
PHP获取短链接跳转后的真实地址和响应头信息的方法
Jul 25 PHP
php使用递归计算文件夹大小
Dec 24 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
May 23 PHP
php中加密解密DES类的简单使用方法示例
Mar 26 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
PHP4实际应用经验篇(4)
2006/10/09 PHP
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
php 模拟POST|GET操作实现代码
2010/07/20 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
2014/06/09 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
jquery validate poshytip 自定义样式
2012/11/26 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
AngularJS 应用模块化的使用
2018/04/04 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
JS开发自己的类库实例分析
2019/08/28 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Python2实现的图片文本识别功能详解
2018/07/11 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
django基础学习之send_mail功能
2019/08/07 Python
解决Python列表字符不区分大小写的问题
2019/12/19 Python
TensorFlow实现自定义Op方式
2020/02/04 Python
最新pycharm安装教程
2020/11/18 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
《神奇的克隆》教学反思
2014/04/10 职场文书
新店开张活动方案
2014/08/24 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
python自动化八大定位元素讲解
2021/07/09 Python