模板的html 格式如下：
<div id="itemTemplate" style="display:none">
<div class='hotl'>
<div class='l'>
<a href='__ProUrl__'><img src='__ImgUrl__' alt='__ProName__' /></a>
</div>
<ul class='r'>
<li><a href='__ProUrl__' title='__ProName__'>__ProName__</a></li>
<li>均价:<span>__Price__元</span></li>
</ul>
</div>
</div>
在ＩＥ６ 下面取出来的ＨＴＭＬ居然变成了：
$("#itemTemplate").html()的结果：
<div class='hotl'>
<div class='l'>
<a
href='__ProUrl__'><img src='__ImgUrl__' alt='__ProName__'
/></a>
</div>
<ul class='r'>
<li><a
href='__ProUrl__'
title='__ProName__'>__ProName__</a>
<li>
均价:<span>__Price__元</span>
</ul>
</div>
---------------------弄成 HTML 标签不匹配，影响样式莫名其妙的问题。。 ......
在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这个问题，在这里我简单总结一下使用Div和CSS实现页面水平居中的方法：
一、margin:auto 0 与 text-aligh:center
在现代浏览器（如Internet Explorer 7、Firefox、Opera等）现代浏览器实现水平居中的方法很简单，只要设定到左右两侧的空白为自动即可。意即：
#wrap { margin:0 auto;}
上面这段代码的意思是说使wrap这个div到左右两侧的距离自动设置，上下为0（可以为任意）。请在现代浏览器（如Internet Explorer 7、Firefox、Opera等）中运行现在的代码：
要加上第一行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
div#wrap {
width:760px; ......
最新文章 :