小编wym*_*ony的帖子

如何设置其内容不断被替换的段落的字体大小

我想设置一个带有段落的方框.每次单击按钮后,都应该替换此段落的文本.对我来说重要的是,这个文本应该作为一行保留在框内而不是中断.为此,我决定使用FitText.js插件,因为单词的长度不同(给定的单词只是一个例子).通过将其设置为表格和表格单元格,我实现了良好的对齐(垂直和水平).你有任何想法为什么给定的代码不能正常工作?

var words = ["Emily", "William Callum Smith Jr.", "Edwaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaard", "Bradley"];

var button1 = document.getElementById("give_me_a_name_please");

button1.addEventListener("click", function1);

function getRandomItem(array){
    return array.splice(Math.floor(Math.random() * array.length), 1)[0];
}
   
function function1(){
    var randomWord = getRandomItem(words); 
    document.getElementById('word').innerHTML = randomWord;
}

$('#give_me_a_name_please').click(function() { 
    function resize () { $("#word").fitText(0.6); } 
});
Run Code Online (Sandbox Code Playgroud)
#parent_of_word {
  width: 20%;
  height: 20%;
  top: 10%;
  left: 10%;
  display: flex;
  position: absolute;
  text-align: center;
  justify-content: center;
  line-height: 100%;
  border: 5px solid black;
  word-break: keep-all;
  white-space: nowrap;
}

#word {
  color: brown;
  display:flex;
  align-items: center; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery jquery-plugins

19
推荐指数
2
解决办法
481
查看次数

如何在使用':active'选择器后阻止调用我的css动画?

我想在我的按钮上添加一个弹跳动画.按钮应该使用此动画进入屏幕.有用.但之后我添加了一个:主动选择器.

#button:active{
 transform: translateX(20px);
}
Run Code Online (Sandbox Code Playgroud)

我不工作.它只是忽略了这个选择器.但我发现在为这个选择器添加一个动画名称之后就可以了.只有这样,但问题是它重复我的弹跳动画.它可以是任何名称.甚至是不存在的动画名称.例如:

#button:active{
 transform: translateX(20px);
 animation-name: not_existing_animation;
}
Run Code Online (Sandbox Code Playgroud)

这就是我需要帮助的原因.我做了一个小提琴,让你更好地看到我的问题:https://jsfiddle.net/gfd2pjbz/3/

css jquery animation

12
推荐指数
1
解决办法
162
查看次数

发布我的Windows应用程序(phonegap)时出现问题 - 程序包标识名称无效

我在Windows商店中发布我的应用程序时遇到问题.我收听了这些信息:

无效的包标识名称:...(预期:...)无效的包系列名称:...(预期:...)无效的包发布者名称:weird_numbers_instead_of_my_name(预期:...)

我知道这个问题已经知道了,我找到了一条指令,该怎么办.问题是在我的情况下它不再起作用了.我发现这篇文章:

感谢您指出了这一点.我们已经部署了一些修复程序,以下是您应该如何配置应用程序:

发布者名称:将设置为您在config.xml中的字段中设置的内容显示名称:将在config.xml中的字段中设置的内容包标识名称:添加了新的首选项:windows-identity-name.从应用程序管理中检索此值 - >开发中心程序包系列名称中的应用程序标识:将基于身份名称生成所以只要您在构建时设置了Publisher ID,并在配置中将以下内容设置为正确的值.xm l(以下样本值):

<author>Adobe</author>  
<name>PhoneGap Build App</name>   
<preference> name="windows-identity-name" value="PhonegapBuild.PhoneGapBuild" />
Run Code Online (Sandbox Code Playgroud)

提交应该是成功的.如果您仍然看到错误,请告诉我们.

在这个页面上:https://forums.adobe.com/thread/2111557# 我坚持说明,部分帮助.现在我收到这些公报:

无效的包系列名称:...(预期:...)无效的包发布者名称:weird_numbers_instead_of_my_name(预期:...)

所以我<author>用这些'期望'weird_numbers_instead_of_my_name 替换了我的名字.然后我收到了一份公报

包接受验证错误:(...).appx的应用程序清单中的PublisherDisplayName元素是weird_numbers_instead_of_my_name,它与您的发布者显示名称不匹配:my_name_that_i_gave_during_the_registration_process.

所以我再次将weird_numbers_instead_of_my_name更改为我的真实姓名,这当然与my_name_that_i_gave_during_the_registration_process相同.然后我又回来了:

无效的包系列名称:...(预期:...)无效的包发布者名称:weird_numbers_instead_of_my_name(预期:...)

所以我想知道这个人给出的这种方式是否不再起作用(phonegap需要更新)或者windows store的工作方式与以前不同(phonegap需要更新).有任何想法吗?

windows config store appxmanifest phonegap

10
推荐指数
0
解决办法
218
查看次数