jQuery DOCTYPE CSS错误与IE 6&；7-怪癖模式
Ok奇怪的行为当它应该工作时： 问题是如果我没有声明doctype，CSS在IE6&7中工作，但是如果我声明doctype，它就不工作。为什么 jQuery：jQuery DOCTYPE CSS错误与IE 6&；7-怪癖模式,jquery,doctype,html-table,Jquery,Doctype,Html Table,Ok奇怪的行为当它应该工作时： 问题是如果我没有声明doctype，CSS在IE6&7中工作，但是如果我声明doctype，它就不工作。为什么 jQuery： $('tr:first-child').children().css({ 'width': settings.minWidth + 'px', 'height': settings.tableHeaderHeight + 'px', 'overflow': 'hidden', 'white-space': 'now
$('tr:first-child').children().css({
'width': settings.minWidth + 'px',
'height': settings.tableHeaderHeight + 'px',
'overflow': 'hidden',
'white-space': 'nowrap',
'color': 'blue'
});
<!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" xml:lang="en" lang="en">
首先，我郑重建议您让它在标准模式下工作。依靠怪癖模式使任何布局“正常工作”不是一种非常健康的方法 您可以将内容包装在一个block元素中，比如说一个DIV元素，然后将DIV放在表头中。
在标准模式下，溢出和宽度应该以这种方式得到尊重，从而达到预期效果。首先，我郑重建议您在标准模式下工作。依靠怪癖模式使任何布局“正常工作”不是一种非常健康的方法 您可以将内容包装在一个block元素中，比如说一个DIV元素，然后将DIV放在表头中。
在标准模式中，溢出和宽度应该以这种方式得到尊重，从而达到预期效果。您要声明哪种DOCTYPE？您的目标是什么？您是希望标题只写“Cell”，还是试图使标题都保持在一行上，即使它们比标题单元格大？对于FF，我看到的正是我所期望的：标题文本被截断而不换行。对于带有文档类型的IE 7，我完全看到了我所期望的内容，在FF中也是一样的。对于没有文档类型的IE 7，我看到了意外的行为，但这是因为没有文档类型的IE默认为quirks模式。我希望溢出和空白CSS标记能够正常工作，同时声明一个doctype我可以强制IE浏览器使用quirks模式吗？w/jQuery？其他？FF w/和w/o doctype与IE 6/7 w/doctype完全相同。IE 6/7不带文档类型，工作方式不同。你想要哪种？你要声明哪种DOCTYPE？你的目标是什么？您是希望标题只写“Cell”，还是试图使标题都保持在一行上，即使它们比标题单元格大？对于FF，我看到的正是我所期望的：标题文本被截断而不换行。对于带有文档类型的IE 7，我完全看到了我所期望的内容，在FF中也是一样的。对于没有文档类型的IE 7，我看到了意外的行为，但这是因为没有文档类型的IE默认为quirks模式。我希望溢出和空白CSS标记能够正常工作，同时声明一个doctype我可以强制IE浏览器使用quirks模式吗？w/jQuery？其他？FF w/和w/o doctype与IE 6/7 w/doctype完全相同。IE 6/7不带文档类型，工作方式不同。你想要哪个？
// This adds a div tag around the table header text
// - IE white-space bug in standard mode
$('table.className tr th').wrapInner(
"<div class='ie_correct_header_whitespace'></div>"
);
.ie_correct_header_whitespace {
white-space: nowrap;
}