两端“弱智”的HTML代码
今天手动添加了一段html代码,没想到确出现了让人”百思不得其解“的意外,看下面一段html:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#990099">
<tr>
<td><img src="data:images/bar1.gif" alt="" width="200" height="38" />
</td>
<td><img src="data:images/bar2.gif" alt="" width="136" height="38" />
</td>
<td>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFF00">
<tr>
<td><img src="data:images/bar1.gif" alt="" width="200" height="38" /></td>
<td><img src="data:images/bar2.gif" alt="" width="136" height="38" /></td>
<td> </td>
</tr>
</table>
</body>
</html>
在IE中浏览:
在FireFox中浏览:
两端代码几乎一样的代码确在不同浏览器中出现了迥然不同的效果,而这种区别又是如此的总要,因为我们常常这样来拼接切割后的图片。
其实,仔细观察就会发现,两端html唯一不同的就是第一段中<img/>是换了行之后才跟</td>,而第二段代码<img>是紧跟</td>的,正是如此,IE认为第一段代码<img>和</td>产生了空格(虽然有无限个空格,但只解析为一个),导致出现了占位符,而FireFox忽略不计。
本来是认为代码1,风格比较好,树桩对齐,没想到浪费了我一个多小时的调试。^^||
转载于:https://www.cnblogs.com/Jinglecat/archive/2006/05/03/391005.html
两端“弱智”的HTML代码相关推荐
- php删除两端,php删除字符串末尾子字符,删除开始字符,删除两端字符的示例代码...
php删除字符串末尾子字符,删除开始字符,删除两端字符的示例代码 发布于 2014-11-14 08:38:09 | 69 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文 ...
- html中两端对其代码,CSS两端对齐语法及代码实例教学
/*CSS reset 顶部为css的重置代码*/ html{color:#000;background:#FFF;font-family:Microsoft YaHei,sans-serif,Ari ...
- java弱智代码,Java 弱智猜数游戏
闲来无事,敲段弱智JAVA. 代码: package GuessNumber; import java.awt.*; import java.awt.event.*; import javax.swi ...
- CSS 如何实现文字两端对齐
CSS 如何实现文字两端对齐 需求 红框所在的文字有四个字的.三个字的.两个字的,如果不两端对齐可以选择居中对齐,或者右对齐.但是如果要想文字两端对齐呢? 代码 <div>姓名</d ...
- 两端对齐的CSS怎么写?
在设计页面的时候会涉及到文本对齐的问题,默认情况下是靠左对齐的,但有些时候也乤靠右对齐.本文给大家介绍下css两端对齐,看看css两端对齐怎么设置,以及css中文本的对齐有哪些. 一.css两端对齐怎 ...
- 如何实现表单label 两端对齐
表单label 两端对齐 文章目录 表单label 两端对齐 需求概述 效果图 jq实现方式 demo代码 需求概述 有的强迫症的客户总是要求要两端对齐,首先想到的是text-align:justif ...
- 图论 ---- 图论构造成二分图去判断 F. Figure Fixing
题目链接 题目大意: 就是给你一个无向联通图,每个节点有一个初始权值viv_ivi和目标权值tit_iti,现在对于每条边相邻的两个节点(u,v)(u,v)(u,v),你可以给这两个节点的初始权值 ...
- 13 款惊艳的 Node.js 框架——第1部分
2019独角兽企业重金招聘Python工程师标准>>> [编者按]本文作者为 Peter Wayner,主要介绍13款至精至简的 Node.js 框架,帮助你简化高速网站.丰富 AP ...
- 从零开始山寨Caffe·壹:仰望星空与脚踏实地
请以"仰望星空与脚踏实地"作为题目,写一篇不少于800字的文章.除诗歌外,文体不限. --2010·北京卷 仰望星空 规范性 Caffe诞生于12年末,如果偏要形容一下这个框架,可 ...
- python gui插件_Python进阶量化交易专栏场外篇17- GUI控件在回测工具上的添加
欢迎大家订阅<教你用 Python 进阶量化交易>专栏!为了能够提供给大家更轻松的学习过程,笔者在专栏内容之外已陆续推出一些手记来辅助同学们学习本专栏内容,目前推出的扩展篇链接如下: 为了 ...
最新文章
- 时间统计%time和%timeit_python
- 图灵奖获得者Yann LeCun:未来几十年AI研究的最大挑战是「预测世界模型」
- 首次证明:牵手就能同步脑电波,还能缓解疼痛
- Vue2.0---webpack打包知识点-2
- Codeforces 458C - Elections
- OpenGL在frag着色器中模拟手电筒效果
- 三星t800Android 6.0,6.6毫米品质平板 三星GALAXY Tab S发布
- ABAP:从例子学习ABAP
- 函数重载、引用再探、内联函数
- C++:11---友元函数、友元类
- 硬盘快速格式化和格式化的区别
- 水泵怎么做_暖通空调|水泵出入口阀门及相关基础知识
- Linux 基本命令(八)--touch 常用命令
- 栈溢出(Stack Overflow)
- java创建集合有的不用泛型_Java如何创建泛型集合?
- 第七章 Android嵌入式组态软件
- python数据透视表对各列统计_python pandas数据分析基础入门2——(数据格式转换、排序、统计、数据透视表)...
- dSPACE控制电机启动与停止
- oppo手机禁止自动打开应用商店
- Ubuntu常用磁盘工具Disks、GParted和系统清理应用Cleaner
热门文章
- 服务器是怎样进行中断的,企业如何减少服务器中断风险
- 新浪微博android代码,新浪微博Android源代码(基于OAuth1.0 仅供学习)
- 人工智能 AI技术学习路线图 初阶+中阶+高阶
- mac vscode zsh git中文乱码解决方案
- linux shell 将命令行终端输出结果写入保存到文件中
- 使用phpstudy中的apache进行虚拟主机的配置(自定义网站名进行访问,如http://wei.com)
- Spring中Bean的作用域/状态/生命周期
- 算数基本定理 + 例题
- podman 在 windows 安装
- Spring 注解 @Controller,@Service,@Repository,@Component,重定向 与 服务端跳转