Javascript CSS/JS:防止用不同大小的文本替换文本时跳转
Javascript CSS/JS:防止用不同大小的文本替换文本时跳转,javascript,html,css,Javascript,Html,Css,$(“按钮”)。单击(函数(){ $('.parent.child').toggleClass('hidden'); }); 表格{ 浮动:左; 宽度:100%; 身高:100%; } .家长{ 背景色:红色; 颜色:白色; } .隐藏的孩子{ 显示:无; } 切换文本 正常的 我好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久 我个子矮 正常的 正常的 正常的
$(“按钮”)。单击(函数(){
$('.parent.child').toggleClass('hidden');
});代码>
表格{
浮动:左;
宽度:100%;
身高:100%;
}
.家长{
背景色:红色;
颜色:白色;
}
.隐藏的孩子{
显示:无;
}
切换文本
正常的
我好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久
我个子矮
正常的
正常的
正常的
正常的
如果可以,您可以使用替代css属性替换显示
,这些属性只会隐藏文本
$(“按钮”)。单击(函数(){
$('.parent.child').toggleClass('hidden');
});代码>
表格{
浮动:左;
宽度:100%;
身高:100%;
}
.家长{
背景色:红色;
颜色:白色;
}
.隐藏的孩子{
不透明度:0;
身高:0;
}
切换文本
正常的
我很长很长
我个子矮
正常的
请您制作一个代码片段或JSFIDLE,并将表格的其余部分包含在HTML中,谢谢!我刚刚添加了一个:)跳跃。。?这是什么意思……?你喜欢这个工作吗?--我用flexbox替换了这个表。不,恐怕它必须是一个表。只能更改td
中的HTML。很抱歉,我刚刚意识到您的解决方案不正确parent
最终得到第一个child
+第二个child
的宽度。我只想parent
得到最长孩子的宽度(和高度)。否则,我会得到一个父对象
,它的宽度远远大于所需的宽度,当最短的子对象可见时,可以看到该宽度。