避免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 相关文章推荐
php抓即时股票信息
Oct 09 PHP
记录mysql性能查询过程的使用方法
May 02 PHP
深入php define()函数以及defined()函数的用法详解
Jun 05 PHP
PHP弹出提示框并跳转到新页面即重定向到新页面
Jan 24 PHP
PHP使用CURL_MULTI实现多线程采集的例子
Jul 29 PHP
PHP中常用的输出函数总结
Sep 22 PHP
php检查字符串中是否有外链的方法
Jul 29 PHP
golang 调用 php7详解及实例
Jan 04 PHP
详谈phpAdmin修改密码后拒绝访问的问题
Apr 03 PHP
PHP如何实现订单的延时处理详解
Dec 30 PHP
PHP实现统计代码行数小工具
Sep 19 PHP
PHP笛卡尔积实现原理及代码实例
Dec 09 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
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
javascript 学习之旅 (2)
2009/02/05 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
React + webpack 环境配置的方法步骤
2017/09/07 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
2017/11/14 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
js面试题之异步问题的深入理解
2020/09/20 Javascript
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python解析基于xml格式的日志文件
2017/02/25 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
Stefania Mode美国:奢华设计师和时尚服装
2018/01/07 全球购物
DERMAdoctor官网:美国著名皮肤护理品牌
2019/07/06 全球购物
分公司总经理岗位职责
2014/07/30 职场文书
2015年路政工作总结
2015/05/22 职场文书
毕业班工作总结
2015/08/10 职场文书
2016优秀员工先进事迹材料
2016/02/25 职场文书
vue 实现上传组件
2021/05/31 Vue.js
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis
Golang获取List列表元素的四种方式
2022/04/20 Golang