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

2023-07-12 (수) 04:27:52 2,594

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

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

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

<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개

Copy
<div align=center>

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

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

    </div>

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

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

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

2023-07-12 (수) 07:26:38
Copy
<div style="text-align: center">

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

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

    </div>
2023-07-12 (수) 05:51:59

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

2023-07-12 (수) 05:38:04

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

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