Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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
Javascript 使绝对定位按钮与其内容宽度相同_Javascript_Jquery_Css - Fatal编程技术网

Javascript 使绝对定位按钮与其内容宽度相同

Javascript 使绝对定位按钮与其内容宽度相同,javascript,jquery,css,Javascript,Jquery,Css,我有浮动按钮,我想完全一样宽的内容。内容可能有几行 我试过很多东西,但似乎都不管用。有什么办法可以做到这一点吗 $('button').css('width',$('button span').outerWidth()+'px') $。每个($(‘按钮’),(i,v)=>{ $(v).css('width',$(v).find('span').outerWidth()+'px'); $(v).css('top',i*100+'px'); }); 部分{ 位置:相对位置; 宽度:300px; }

我有浮动按钮,我想完全一样宽的内容。内容可能有几行

我试过很多东西,但似乎都不管用。有什么办法可以做到这一点吗

$('button').css('width',$('button span').outerWidth()+'px')
$。每个($(‘按钮’),(i,v)=>{
$(v).css('width',$(v).find('span').outerWidth()+'px');
$(v).css('top',i*100+'px');
});
部分{
位置:相对位置;
宽度:300px;
}
钮扣{
位置:绝对位置;
填充:0;
文本对齐:左对齐;
}
span{背景:lightcoral;}

Lorem ipsum dolor sit amet,奉献精英。名言名言。脸上的皮肤是黑色的,皮肤上的胎膜是错误的,建筑设计师认为这是一种不公平的胎膜!
洛雷姆·伊普苏姆·多洛尔·希特·阿梅特(Lorem ipsum dolor sit amet),继续祈祷。
Lorem ipsum dolor sit amet。
洛雷姆。
Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道


< /代码> 您需要考虑边框,添加“代码>框大小:内容框;
1px
到最终宽度(我正在寻找原因…)

$。每个($('button'),(i,v)=>{
$(v).css('width',($(v).find('span').outerWidth()+1)+'px');
$(v).css('top',i*100+'px');
});
部分{
位置:相对位置;
宽度:300px;
}
钮扣{
位置:绝对位置;
框大小:内容框;
填充:0;
文本对齐:左对齐;
}
跨度{
背景:轻珊瑚;
}

Lorem ipsum dolor sit amet,奉献精英。名言名言。脸上的皮肤是黑色的,皮肤上的胎膜是错误的,建筑设计师认为这是一种不公平的胎膜!
洛雷姆·伊普苏姆·多洛尔·希特·阿梅特(Lorem ipsum dolor sit amet),继续祈祷。
Lorem ipsum dolor sit amet。
洛雷姆。
Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道

Lorem ipsum dolor sit amet,奉献精英。权贵们,从权利上讲,这是一种节约劳动,是一种法定的生活。按比例分配,智慧和经验。不知道


仅供将来参考,在用户界面问题中加入预期输出的示例非常有用。好主意,请记住,谢谢:)太好了!但是内容框不是默认的吗?@TonaldDrump不适用于按钮元素