ASP .NET javascript 사용 관련 문의.... 기초

🌐 ASP.NET, Blazor, IIS, 웹 Q&A
1

안녕하세요!

태그 사이에 줄간격을 하나 주고 싶은데 padding을 넣어봐도 안 띄워지고   는 쓰고 싶지 않은데 인터넷에서 검색한 내용들을 다 적용해봐도 왜 안 줄이 안 생길까요...? 이런 저급한 질문 올려서 진짜 미친듯이 죄송합니다... ㅠ 잘 부탁드려요. 
<div>
                                <div style="float:left; width:50%;">
                                    <div class="product-info">
                                        <a class="info-box-text"><b>발생 시점</b></a>
                                        <!--span class="info-box-number"></span-->
                                        <asp:Label ID="lblOccDt" runat="server" Font-Bold="true" Text="발생 시점"></asp:Label>
                                    </div>
                                </div>

                                <div style="float:left; width:50%;">
                                    <div class="product-info">
                                        <a class="info-box-text"><b>의뢰 구분</b></a>
                                        <!--span class="info-box-number"></span-->
                                        <asp:Label ID="lblReqType" runat="server" Font-Bold="true" Text="의뢰 구분"></asp:Label>
                                    </div>
                                </div>
                            </div>

                            @@@ 이 부분을 <div><br /><div> 이렇게도 해봤는데 줄이 안 띄워지네요....@@@
                            *<div><tr>&nbsp;</tr></div>*

                            <div>
                                <div style="float:left; width:50%;">
                                    <div class="product-info">
                                        <a class="info-box-text"><b>불량 유형</b></a>
                                        <!--span class="info-box-number"></span-->
                                        <asp:Label ID="lblBadType" runat="server" Font-Bold="true" Text="불량 유형"></asp:Label>
                                    </div>
                                </div>

                                <div style="float:left; width:50%;">
                                    <div class="product-info">
                                        <a class="info-box-text"><b>현상</b></a>
                                        <!--span class="info-box-number"></span-->
                                        <asp:Label ID="lblStat" runat="server" Font-Bold="true" Text="현상"></asp:Label>
                                    </div>
                                </div>
                            </div>
1개의 좋아요
2

코드가 생략되어있는 것 같은데, 가리켜주신 부분과 같은 레벨에 있는 앞쪽의 div 태그의 style 속성에 margin 속성을 주시면 어떨까요?

2개의 좋아요
3

참, 하나 더 말씀드릴게, 브라우저의 개발자 도구를 이용해서, 마진을 주고 싶은 부분을 마우스 우클릭하시고, “검사” 메뉴를 클릭하시면 해당 요소를 정확히 가리키도록 개발자 도구가 열립니다.

이렇게 열린 개발자 도구에서 라이브 에디트 기능으로 태그를 직접 수정하실 수 있는데, 이렇게 테스트하시면 좀 더 빠르게 검증해보실 수 있을겁니다.

스크린샷 2022-08-25 오후 5.54.59

4개의 좋아요
4

와우… 이번에도 답글 달아주셔서 감사합니다.
말씀해주신대로 div style에 padding 적용했는데, 첫번째 div 블록만 적용이 되고 나머지는 적용이 되지 않습니다.ㅠㅠ 심지어 px를 변경하면 첫번째 블록조차도 적용이 안되네요…

올려드린 저 코드와 같은 구조가 4번 반복됩니다.
아래와 같은 형식이라고 말씀 드리면 이해가 되실까요?
div div (올려드린 코드는 하나의 행)
div div
div div
div div

3개의 좋아요
5

오… 이건 정말 좋은 팁인 것 같습니다.
너무너무 감사드려요!!!

3개의 좋아요
6

여러 div 블록에 padding을 적용하려면 CSS파일로 해당 요소의 스타일을 바꿔야 합니다.

<div class="임의의_클래스_이름">...</div>

/* CSS 파일 */
.임의의_클래스_이름 {
  padding: 10px;
}
7개의 좋아요
7

오오오 ㅠㅠㅠㅠ 해결했어요 감사합니다 !!

2개의 좋아요