To jest mój jsfiddle kod. W tej chwili rozmiar przycisku jest zdefiniowany, ale chcę dynamicznie zmienić rozmiar przycisku zgodnie z tekstem. Co powinienem zrobić, aby dynamicznie zmienić rozmiar przycisku? Chcę to zrobić przez 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>
-1
user3754380
15 sierpień 2014, 08:05
2 odpowiedzi
Najlepsza odpowiedź
Możesz to zrobić, używając systemu sprawdzania, który sprawdza rozmiar systemu Windows, a następnie ustawić wysokość szerokości przycisku zgodnie ze swoim umysłem. W celu sprawdzenia rozmiaru systemu Windows można wykonać ten kod, a następnie dodać / sub / div tej wartości według rozmiaru przycisku ..
function widthheight()
{
var w=window.outerWidth;
var h=window.outerHeight;
var button="Window size: width=" + w + ", height=" + h;
document.getElementById("demo").innerHTML=txt;
}
Może być moim pomysłem pomogą Ci dziękuję
0
devajay
15 sierpień 2014, 04:12
Po prostu nie ustawiaj atrybutu width
na przycisku w CSS. Wymaganie automatycznie pasowało do Twojego tekstu.
Zaktualizowano skrzypce Oto.
0
Robby Cornelissen
15 sierpień 2014, 04:22