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