如何让input宽度自适应

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

工具原料：编辑器、jQuery

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

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

    var textWidth = function(text){ 

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

        $('body')append(sensor); 

        var width = sensorwidth();

        sensorremove(); 

        return width;

    };

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

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

        $(this)width(textWidth($(this)val()));

    });

制作横幅，用corel这个软件就非常方便了，

其实你都不用自己做，直接去喷绘公司跟他们的人说要做个横幅，做多长多宽，写什么内容的字就可以了。

如果非要自己做，那你就用corel，

1、先画一个矩形框，长宽尺寸设置好，比如500cm×40cm，填充一个大红色（一般都红的）

2、用文字工具写好要展示的文字内容，比如：热烈祝贺XXX领导莅临视察指导工作（文字的字体一般都是粗黑、大黑之类的字体，颜色一般都是白色，红白相间，相得益彰，很血腥的说~）

3、调节文字到矩形框的合适位置，以及合适的字间距，直到文字布满整个矩形框就行了；

要算具体的文字尺寸，可以及位置，这些都是喷绘公司的事，如果你非要知道，就让他们的设计帮你测量下，

1、在单个字体上下左右四个方向都拉一条参考线，这四条参考线交汇的中心就是一个矩形，画一个同样大的矩形框，查看它的尺寸就知道单个字体的尺寸大小了，字间距也一样；（基本上每个字的尺寸都是差不多大小的；误差不大，字间距绝对完全一样大，所以只要测量一个就够了。）

你好。

你试下：

sizeWithFont: constrainedToSize: lineBreakMode:

NSString 的方法 可以获取size

这是一个很 *** 蛋的问题，iOS9的字体大小与之前的版本字体大小不一样。起码，在systemFont下是这样。

举例说，字符串 string1在 label1上显示，label1的font = systemFont:13

在iOS 8下，需要占用的宽度为40f

但在iOS9下，就可能需要45f;

这就是原因。你改用其他Font也许可以避免这个问题，或者加宽lable的宽度。多预留一点位置

1、在电脑里面找到需要设置的文档，右键单击文档，选择打开。

2、打开文档之后，选中需要设置的三个字，在开始的选项里面点击分散对齐。

3、就要分散对齐之后，在d出来的窗口中可以看到此时显示的是3字符。

4、在下面的新闻字宽度里面将3改为5，点击确定。

5、这样就可以设置三个字占五个字的宽度了。

以上就是关于如何让input宽度自适应全部的内容，包括:如何让input宽度自适应、如何制作横幅,怎么算每个字的间距和字的宽度、怎样获取uitextfield输入文字的矩形的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！