테스트 사이트 - 개발 중인 베타 버전입니다

버튼 가운데 정렬이 하고 싶습니다.

도모씨 2년 전 조회 1,950

제가 버튼 클릭시 주소가 복사되는 코드를 사용하는데

이 버튼이 왼쪽에서 움직이질 않더라고요.

가운데로 옮기고 싶은데 혹시 방법이 없을까요?

 

<body>
 <div>

        <input type="button" value="배너주소복사" onclick="copyT()"/> 

        <div id="copyTxt">http://banner.gif</div>

    </div>

    <script>

            function copyT() {

                var obj = document.getElementById("copyTxt");

                var range = document.createRange();

                range.selectNode(obj.childNodes[0]); 

                var sel = window.getSelection();

                sel.removeAllRanges(); 

                sel.addRange(range); 

                document.execCommand("copy");

                sel.removeRange(range); 

                alert('복사되었습니다 :)');

            }

    </script>
</body>

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

M
2년 전

</p>

<p> <div align=center></p>

<p>        <input type="button" value="배너주소복사" onclick="copyT()"/> </p>

<p>        <div id="copyTxt"><a href="http://banner.gif</div>" target="_blank" rel="noopener noreferrer">http://banner.gif</div></a></p>

<p>    </div></p>

<p>

align=center만 넣으셔도 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
2년 전

가운데정렬 원리를 공부해 보세요.

https://homzzang.com/b/css-282

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

</p>

<p><div style="text-align: center"></p>

<p>        <input type="button" value="배너주소복사" onclick="copyT()"/> </p>

<p>        <div id="copyTxt">test</div></p>

<p>    </div></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

해당 페이지 주소(URL)을 올려 보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

css 로 부모에다가 text-align:center로 해보세요 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인