当前位置:  开发笔记 > 编程语言 > 正文

指定标签宽度?

如何解决《指定标签宽度?》经验,为你挑选了2个好方法。

是否可以在显示空格时定义标签宽度(例如在

标签或其他内容中)?我用CSS找不到任何可以做到这一点的东西,但这似乎是一件很常见的事情.

在我的情况下,标签宽度太宽,导致我的一些页面上的代码片段太宽.如果我可以以某种方式缩短标签宽度以使其适合没有滚动条,它将使事情变得更容易.(我想我可以用空格替换标签,但理想情况下我很乐意找到一种方法来做到这一点而不这样做)



1> fuxia..:

使用tab-size属性.您目前需要供应商前缀.例:

pre
{
    -moz-tab-size: 4;
    -o-tab-size:   4;
    tab-size:      4;
}

另请参阅developer.mozilla.org上的文章:tab-size.

.tabstop
{
    -moz-tab-size: 4;
    -o-tab-size:   4;
    tab-size:      4;
}
Unstyled tabs (browser default)
	one tab
		two tabs
			three tabs
Styled tabs (4em)
	one tab
		two tabs
			three tabs


2> George Stock..:

我相信这篇博文可以帮到你:

这是一个解决方案,它不是很整洁,因为它必须为选项卡的每个实例完成,但它使选项卡占用更少的空间并保留格式以便从浏览器中复制(显然用"A SINGLE TAB HERE"替换真正的标签,这个博客软件会自动从条目中删除标签):

A SINGLE TAB HERE

基本上,用代码片段替换代码中的每个选项卡实例(在选择合适的宽度后,您可以非常轻松地在样式表中完成).代码人为地插入边距,同时保持代码中的原始选项卡准备好复制/粘贴.

顺便说一下,它看起来像是tab stops在CSS规范中.

关于这个主题还有另一个Stack Overflow问题.


"制表符使其成为CSS规范"不,他们没有.至少,他们在这个答案时没有达到1级或2级.但[CSS3草案](http://www.w3.org/TR/css3-text/#tab-size)中提出了一个"tab-size"属性.
*"我相信这篇博文可以帮助你."*然后引用帖子的相关部分.外部链接可以被修改,删除,移动等.堆栈溢出不仅仅是当你提问/回答问题时,而是将来当其他人找到并需要引用信息时.详情:http://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers好消息是,似乎(简单一瞥),更多两年后,那个博客还活着,帖子还在那里.(我不知道内容是否已经改变.)
推荐阅读
手机用户2502851955
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有