`
cuijiemin
  • 浏览: 264119 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

各浏览器对 align='middle' 的理解有差异

浏览器ChromeFirefoxSafariOpera 
阅读更多

  • Object、IMG、APPLET：可能的取值为 "bottom | middle | top| left | right" ，这个属性指定了 IMG、OBJECT、APPLET 元素与其上下文文本的位置关系；
  • TABLE：可能的取值为 "left | center | right" ，这个属性指定了 TABLE 元素在文档中的位置；
  • HR：可能的取值为 "left | center | right" ，这个属性指定了水平线在其上下文之间的水平对齐方式，缺省值为 "center" ；
  • DIV、H1、H2、H3、H4、H5、H6、P：可能的取值为 "left | center | right | justify" ，这个属性指定了这些元素在其上下文环境内的水平对齐方式，缺省值为 "left" ；
  • COL、COLGROUP、TBODY、TD、TFOOT、TH、THEAD、TR：可能的取值为： "left | center | right | justify | char" ，此属性指定了单元格中的数据及文本的对齐方式，对于TD元素缺省值为 "left" ，对于TH元素缺省值为 "center" 。

可见，仅 Object IMG APPLET 元素的 align 属性拥有 "middle" 这个值。

Firefox Chrome Safari 会将 DIV H1~H6 P 元素的 align="middle" 解释为 align="center"，从而使这些元素能够居中对齐。
Firefox 混杂模式会将 TABLE 元素 align="middle" 解释为 align="center"，使 TABLE 元素居中对齐。
IE6 IE7 Chrome Safari Opera 及 IE8 Firefox 的混杂模式下，均将 TD TH 元素的 align="middle" 理解为 align="center"。

分享到：
| 各浏览器img默认占位大小
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jsp浏览器的兼容性

    FF、IE 和谷歌中对 BOX 的理解存在差异，导致相差 2px 的问题，可以使用 *{margin: 0 auto; padding: 0; overflow: hidden;} 解决。 13. css 布局中的居中问题 在 css 布局中，居中问题可以通过在父级元素定义 ...

    CSS浏览器兼容性问题(IE6,IE7,IE8和Fixfox)

    总的来说，处理CSS浏览器兼容性问题需要对不同浏览器的特性有深入理解，并熟练运用各种hack技巧。此外，尽量遵循W3C标准，使用跨浏览器的CSS属性，减少使用特定浏览器的非标准特性，可以有效减少兼容性问题。随着...

    CSS在不同浏览器中兼容问题

    不同的浏览器对 CSS 的解析和渲染方式存在差异，从而导致相同的 CSS 代码在不同浏览器中显示效果不同。本文将总结常见的 CSS 兼容问题和解决方法。 一、CSS 样式的差异 * 字串 8ul 和 ol 的默认 padding 值不同，...

    DIV+CSS浏览器兼容

    处理这些兼容性问题需要对各个浏览器的特性有深入理解，并熟练运用各种CSS hack和技巧。在实际开发中，可以使用工具如Autoprefixer自动添加浏览器前缀，以及使用条件注释或JavaScript库如Modernizr来检测浏览器特性...

    css浏览器兼容问题大全

    解决CSS兼容性问题需要对各种浏览器的解析差异有深入理解，同时利用条件注释、CSS Hack以及新的CSS规范来确保在多种浏览器下的正确渲染。通过不断学习和实践，开发者可以更好地应对这些挑战，构建出更优秀的跨浏览器...

    Css与各浏览器兼容性

    不同的浏览器，如Firefox和Internet Explorer（IE），对CSS规则的解析和执行存在差异，导致页面在不同浏览器下的展示效果不一致。以下是一些关键的CSS兼容性问题及其解决方案： 1. **列表元素的默认样式**：Firefox...

    css 多浏览器兼容解决方案 下载

    CSS 多浏览器兼容性是Web开发中的重要环节，因为不同的浏览器对CSS的解析方式可能存在差异，这可能导致在不同浏览器中页面展示效果不一致。以下是一些关键知识点和解决方案： 1. **DOCTYPE影响CSS处理**： DOCTYPE...

    div+css中常见的浏览器兼容性处理

    然而，不同的浏览器对CSS的理解和解析方式存在差异，这可能导致在某些浏览器下网页显示不正常。特别是在使用div+css布局时，由于IE6、IE7和Firefox等浏览器对CSS的支持程度不同，兼容性问题尤为突出。本文将详细介绍...

    CSS布局的浏览器兼容问题

    处理CSS的浏览器兼容性问题通常需要对各浏览器的解析规则有深入理解，以及使用适当的CSS hack和reset CSS来确保一致性。随着现代浏览器对CSS3的广泛支持，很多兼容性问题已得到缓解，但仍需关注老旧浏览器的兼容性...

    CSS浏览器兼容问题

    - **解析规则差异**：浏览器对CSS样式的解析规则不同，例如对于某些属性值的理解和处理方式上的区别。 #### 三、常见CSS浏览器兼容性问题及解决方案 **1. 垂直居中问题** - **问题描述**：在使用`vertical-align:...

    三种居中.docx

    在这个例子中，`align="center"`使得整个表格水平居中，而`valign="middle"`则尝试让表格内的单元格(`<td>`)内容垂直居中，但实际效果可能因浏览器差异而异。 2. Div布局页面居中 在现代浏览器中，更推荐使用CSS来...

    谷歌浏览器 div 水平对齐

    然而，由于不同浏览器对某些 CSS 属性的解析方式存在差异，这可能导致在 IE 和其他现代浏览器中表现不一致。 方案一：使用表格模拟布局 此方案利用 `display: table` 和 `display: table-cell` 来模拟表格布局。...

    css浏览器兼容问题

    vertical-align: middle; /* 垂直居中 */ } ``` 这种方法适用于单行文本，但如果内容包含多行，则可能导致布局问题。 ##### 2. Margin加倍的问题 在IE6和IE7中，设置了`float`属性的div可能会出现margin加倍的...

    最全的CSS浏览器兼容问题

    然而，不同浏览器对CSS的解析和渲染存在差异，尤其是老版本的IE（Internet Explorer），如IE6.0和IE7.0，以及Firefox等。这些差异往往导致兼容性问题，给开发者带来挑战。以下是一些常见的CSS浏览器兼容性问题及其...

    浏览器的兼容

    浏览器兼容性是一个复杂但至关重要的主题，涉及到对不同浏览器特性的深入理解和实践技巧的应用。通过遵循上述指南，开发者可以构建出在多种浏览器中都能良好运行的网站，提升用户体验，增强网站的市场竞争力。随着...

    网站制作经验(浏览器兼容性)

    13. **浏览器对BOX理解的差异**：FF和IE对盒模型理解不同，可能导致2px的偏差，以及浮动div的margin加倍问题，需要针对性调整。 14. **ul默认样式**：FF下，ul默认有list-style和padding，应尽早声明清除这些默认...

    浏览器兼容

    FF和IE对BOX模型的理解差异可能导致元素尺寸偏差，如float元素在IE下的margin加倍现象。 **5. ul标签默认样式** 在FF中，`ul` 标签默认带有 `list-style` 和 `padding`，在设计时应先进行重置，以免出现意料之外的...

    最新web面试题css浏览器的兼容性问题.docx

    - 不同浏览器对宽度的理解存在差异。例如，设置`width: 200px;`在IE7、IE8、IE9中可能会显示为220px，而在其他浏览器中显示为200px。为解决此问题，可以使用条件注释或`*` hack，如`width:200px;*width:220px;`，...

    IE6、7、8，火狐等浏览器常见兼容性问题整理

    - 使用 `line-height` 和 `vertical-align: middle;` 可以实现元素的垂直居中，但需确保内容不换行。 - `margin: 0 auto;` 可以使元素在容器内水平居中，但并非所有情况都适用。 - 对于 `a` 标签，设置 `display:...

Magicbox
Global site tag (gtag.js) - Google Analytics