动态调整按钮大小
Resize button size dynamically
这是我的JsFiddle代码。现在我的按钮大小是定义的,但我想根据文本动态调整按钮的大小。我应该怎么做才能动态调整按钮的大小?我想通过javascript
<div id="wrapper">
<div id="mainContainer">
<p class="copyrights" id="copyrights"></p>
<div>
<img id="Image_Car" src="http://i.share.pho.to/25a090ef_c.png" />
</div>
<div id="headlineText">
<p id="headline1Txt" >Sample bag1</p>
<p id="headline2Txt" >Sale Price $25</p>
<p id="headline3Txt" >Sale $14<p>
</div>
<div id="disclaimer" >
Details*
</div>
<div id="Image_logo">
<img id="Imglogo" src="http://i.share.pho.to/e114a8e1_c.png" />
</div>
<div >
<button class="btn btn-primary" type="button" id="ctaBtn"><div id="fadeIn" > Learn More Now </div></button>
</div>
</div>
</div>
你可以使用检查系统来检查窗口大小,然后根据你的想法设置按钮的宽度和高度。对于检查窗口大小你可以输入这段代码然后添加/sub/div这个值根据你的按钮大小。
function widthheight()
{
var w=window.outerWidth;
var h=window.outerHeight;
var button="Window size: width=" + w + ", height=" + h;
document.getElementById("demo").innerHTML=txt;
}
可能是我的主意帮助你由于
不要在CSS中设置按钮的width
属性。它会自动调整大小以适合您的文本。
此处更新小提琴
相关文章:
- 如何调整信息窗口的大小并点击按钮?+更改信息窗口的内容
- 单击按钮调整Div Width的大小
- Angular JS中按钮的简单调整为Javascript
- 根据屏幕大小自动调整HTML按钮的大小
- “最大化”按钮不调整字段集大小
- 单击按钮时调整窗口大小
- 调整推特按钮而无需重新加载
- Div 宽度根据选择的单选按钮数量调整大小
- 用于调整形状大小的输入按钮
- 使用jquery/javascript根据屏幕大小调整按钮大小
- 按百分比调整大小的图像按钮
- 重新调整Jeditable jQuery插件的用途,使其使用按钮,而不是单击文本
- 调整浏览器大小时,页面内容(按钮、图像等)会关闭
- 基于中小型单选按钮选择重新调整图像大小:是否可以通过CSS进行调整
- 通过改变屏幕分辨率来调整按钮大小
- jQuery可调整大小的按钮对角线
- 自动调整到全屏时,单击下一步按钮
- 动态调整按钮大小
- 基于复选框单选按钮调整总成本标价
- BX Slider可通过Read More按钮调整自适应高度