Php 用文字填空
我试图调整文本大小,以便它可以填补一定的空间 例如: 假设我的HTML是这样的:Php 用文字填空,php,javascript,jquery,html,css,Php,Javascript,Jquery,Html,Css,我试图调整文本大小,以便它可以填补一定的空间 例如: 假设我的HTML是这样的: <h1 style="width:120px;">some text</h1> 一些文本 我想让“一些文本”这个词自动填充120px,知道“一些文本”可以是任何东西!我不在乎字体宽度是否被拉长,或者是否在单词中添加了一些空格以使其适合120px的宽度 我知道CSS中有溢出:隐藏和溢出:滚动
<h1 style="width:120px;">some text</h1>
一些文本
我想让“一些文本”这个词自动填充120px,知道“一些文本”可以是任何东西!我不在乎字体宽度是否被拉长,或者是否在单词中添加了一些空格以使其适合120px的宽度
我知道CSS中有溢出:隐藏代码>和溢出:滚动但是那两个对我没有任何帮助
溢出:隐藏代码>将隐藏120px之外的任何额外字符
溢出:滚动代码>将制作一个我不想要的卷轴
有什么解决办法吗?也许是Jquery插件什么的?我到处都找过了,但什么也找不到。使用文本对齐:对齐您可以使用以下脚本根据可用空间调整字体:
var fontSize = 100;
var reduce = function() {
$('#txt').css('font-size', fontSize);
$('#mes').html(fontSize);
if ($('#txt').width()>MAX_MIDTH) {
fontSize -= 1;
reduce();
}
};
reduce();
$('#width, #height').change(function(){fontSize = 100;reduce()});
在文本元素上尝试width:100%
您希望文本扩展到其他行还是始终在一行?如果我有一个需要超过120像素的长名称,为什么不检查?它将被分成多行文字。我只希望测试在一行上是的,例如(我正在尝试看看这一行是否可以说是重复的)。