小编Luc*_*ent的帖子

我想要一张桌子,让第一个细胞可以分散几个细胞,下面的细胞可以有垂直文本,如下例所示.

.second td * {
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

<table border=1><tr>
<td colspan=4>This cell has colspan=4</td>
</tr><tr class="second">
<td><div>Writing-mode:vertical-rl inside block</div></td>
<td><div>Writing-mode:vertical-rl inside block</div></td>
<td><div>Writing-mode:vertical-rl inside block</div></td>
<td><div>Writing-mode:vertical-rl inside block</div></td>
</tr></table>

<table border=1><tr>
<td colspan=4>This cell has colspan=4</td>
</tr><tr class="second">
<td><a>Writing-mode:vertical-rl inside inline</a></td>
<td><a>Writing-mode:vertical-rl inside inline</a></td>
<td><a>Writing-mode:vertical-rl inside inline</a></td>
<td><a>Writing-mode:vertical-rl inside inline</a></td>
</tr></table>

在除Safari之外的每个浏览器中,这会生成包含侧向文本的正确大小的单元格.Safari要么折叠它们(如果容器是块),要么将它们展开,就像它们是水平的一样(如果容器是内联的).

我已经将错误提交给了Webkit,但在那之前,我想使用这种模式,所以我正在寻找一种方法来保留这种结构的大部分并且能够在垂直文本之上使用colspan.实际的用例更复杂,因此简单地在某处设置固定宽度并不是一个可行的解决方案.

我尝试重新实现表格display: flex并在行方向flex中嵌套列,但遇到了同样的错误,这次也是在Firefox中.

要禁用<style>块,所有浏览器都允许设置document.styleSheets[x].disabled = true.但是,只有IE允许在标签本身上设置此属性<style disabled="true">.在其他浏览器中是否有解决方法？动态完成的事情也不能静态完成似乎很奇怪.

我的网站有许多样式表,可根据不同的屏幕宽度进行定制.在调整浏览器大小时,window.onresize事件会通过查看document.documentElement.clientWidth来检查实际调整大小.如果是这样,它会连续打开更大的样式表,直到出现滚动条.然后,它以相反的顺序关闭它们,直到滚动条消失.通过将offsetWidth与scrollWidth进行比较来检测滚动条.

在IE8中,两个新问题混淆了调整大小的检测.一,onresize会在滚动条出现或消失时触发,而两个d.dE.clientWidth报告宽度没有滚动条,从IE7和所有其他浏览器中断.我的网站现在经常被困在一个循环中,其中onresize逻辑激活一个更大的样式表,它创建滚动条,然后触发另一个无法过滤掉的resize事件,因为clientWidth由于滚动条出现或消失而发生了变化.如果IE8有像我可以检查的outerWidth之类的东西,这将是一个微不足道的修复.

我有一个重写规则,重定向到/如果没有接受语言,有人试图访问?lang=en.它工作正常,除了返回的标头.Vary: accept-language响应中缺少.

RewriteCond %{HTTP:Accept-Language} ^$  
RewriteCond %{QUERY_STRING}         ^lang=en  
RewriteRule ^$                      http://www.example.com/?     [R=301,L]

Apache文档指定:

如果在条件中使用HTTP标头,则此标头将添加到响应的Vary标头,以防条件评估为请求的true.如果请求的条件评估为false,则不会添加它.

条件肯定是匹配和重定向,所以我不明白为什么Apache不添加语言各不相同.可以看出为什么如果代理要缓存那么这将是一个真正的问题？lang = en总是重定向到/无论发送的接受语言头.