Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/279.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在PHP中创建字符梳效果_Php_Html - Fatal编程技术网

在PHP中创建字符梳效果

在PHP中创建字符梳效果,php,html,Php,Html,我试图找出如何创建PDF中存在的“字符梳”效果,但在PHP中对标准HTML输入type=“text field”执行此操作。这是文本根据文本框的最大长度和文本框的宽度分布在文本框中的地方 PDF定义: 字串 在文本字段的宽度上均匀分布用户输入的文本 假设我有4个数字(数字的数量可以是动态的,所以2,4,8,9,10,11等等),我想在下面的输入字段中分布 <input type="text" style="width: 150px; height: 30px;" /> 我该怎么

我试图找出如何创建PDF中存在的“字符梳”效果,但在PHP中对标准HTML输入type=“text field”执行此操作。这是文本根据文本框的最大长度和文本框的宽度分布在文本框中的地方

PDF定义:

字串 在文本字段的宽度上均匀分布用户输入的文本

假设我有4个数字(数字的数量可以是动态的,所以2,4,8,9,10,11等等),我想在下面的输入字段中分布

<input type="text" style="width: 150px; height: 30px;" />

我该怎么做呢?我肯定这背后有一些数学,但我不知道数学是什么。希望有人以前做过。请不要使用外部库或任何东西

编辑

虽然RamRaider版本确实使用javascript/CSS工作,但我希望在PHP中实现这一点

目标是让它像这样工作

<input type="text" style="width: 150px; height: 30px;" value="<? echo $answer; ?>"/>

您可以使用css的
字母间距
属性-如果您与javascript结合使用,您可以使其在字段中的不同位数上保持动态

var div=document.getElementById('kern');
var s=150;/*文本字段的大小*/
var l=div.value.length;/*字符数*/
div.style.letterSpacing=Math.ceil(s/l)+“px”;
#kern{
字母间距:calc(150px/4);
}

你没有用超过4个字母来尝试这个,是吗;)动态计算精确的字母间距会非常棘手。我用10个值尝试了这个代码,但不幸的是,它不能正常工作。在js中玩了大约10分钟后,我承认,就像@Phil说的,动态计算字母间距非常棘手。是的,不幸的是,这就是我问Lolol的原因。我所有的想法和尝试都失败了。刚才看了一个关于在Acrobat中创建梳子的视频-梳子的长度是在构建字段时定义的,因此计算所需设置相对容易,而不是任意长度的文本字段-因此现在尝试使用js时遇到了麻烦:(
<input type="text" style="width: 150px; height: 30px;" value="1 2 3 4"/>