HTML中Pre标签可以设置TAB的宽度吗

HTML中Pre标签可以设置TAB的宽度吗,第1张

不能。

你设置TAB宽度,是为了方便进行首行(按TAB键)缩进吗?

首行缩进可以用CSS中的text-indent属性,你可以自己查查资料!

如果是想进行整体的格式化 *** 作,建议使用CSS。

很多时候文本框输入的内容是不固定的,有时候输入的内容多一些需要宽一些有时候输入的内容少一些需要窄一些,所以需要设置input的宽度自适应

工具原料:编辑器、jQuery

1、解决宽度自适应的思路是使用jQuery来监听输入事件,进而进行动态的改变input的宽度,实现input宽度自适应的效果。

2、首选获取文本的宽度,利用pre 元素可定义预格式化的文本,被包围在 pre 元素中的文本通常会保留空格和换行符而文本也会呈现为等宽字体,简单的代码示例如下:

1

2

3

4

5

6

7

var textWidth = function(text){

var sensor = $('<pre>'+ text +'</pre>').css({display: 'none'})

$('body').append(sensor)

var width = sensor.width()

sensor.remove()

return width

}

3、根据以上获取到的文字的宽度来给input绑定事件动态改变宽度,简单的代码示例如下:

1

2

3

$("input").unbind('keydown').bind('keydown', function(){

$(this).width(textWidth($(this).val()))

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11185131.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存