WebKit和Microsoft浏览器是否支持任何使用它们-moz-tab-size和-o-tab-size属性来指定标签宽度的方法,如Firefox和Opera ?
例如,我希望我的标签<textarea>宽度为4个空格:
textarea {
-moz-tab-size: 4;
-o-tab-size: 4;
/* How would I do this in Chrome, Safari, and IE? */
}
Run Code Online (Sandbox Code Playgroud)
我创建了一个tab-sizepolyfill(Demo):
<script> // tab-size polyfill
var codeElements = document.getElementsByTagName('code'), // Applies to all code elements. Adjust to your needs.
codeElementCount = codeElements.length,
e = d.createElement('i');
if(e.style.tabSize !== '' && e.style.mozTabSize !== '' && e.style.oTabSize !== '') {
for(var i = 0; i < codeElementCount; i++) {
codeElements[i].innerHTML …Run Code Online (Sandbox Code Playgroud) 可能重复:
指定标签宽度?
我需要在预标记中打印制表符.选项卡的HTML字符是	在我尝试过的所有浏览器上呈现为8个空格.
有没有办法调整这个以呈现为4个空格的宽度或是否有另一个HTML字符,我可以使用4个空格?
为了解释想象一个简单的地址.写在带有换行符的HTML段落中,它会这样:
Street: Example Street 1
City: Vienna
Zip Code: 1010
Country: Austria
Run Code Online (Sandbox Code Playgroud)
大部分时间都完全可以,但有时我必须达到以下输出:
Street: Example Street 1
City: Vienna
Zip Code: 1010
Country: Austria
Run Code Online (Sandbox Code Playgroud)
到目前为止我的想法:
你如何实现这个输出(使用HTML和/或CSS)?
是否可以指定使用 CSS 时制表符空间占用多少像素等<pre>?
例如,假设我有一段代码出现在<pre>网页上:
function Image()
{
this.Write = function()
{
document.write(this.ToString());
return this;
};
...
}
Image.prototype = new Properties();
...
Run Code Online (Sandbox Code Playgroud)
是否可以使用CSS指定制表符缩进行的不同空间量?
如果没有,有什么解决方法吗?
我甚至不确定它是否可行,但我想在PHP字符串中更改\ t的值.例如,目前如果我这样做:
echo "\t\tHello";
Run Code Online (Sandbox Code Playgroud)
输出是16个空格,后跟hello - 因此标签宽度为8个空格.有没有办法在字符串中使用\ t时将此默认选项卡宽度更改为另一个数字?
它并不是真的那么重要,我做了很多,明显的工作,只是想知道我是否错过了一些容易做的事情,却找不到.