2026, 새로운 도약을 시작합니다.

리스트 화면에서 제목 출력 시 경계선 채택완료

Copy

리스트 화면에서 쪼갠 필드 제목을 출력 하는 부분 인데,  중간 부분에 ------------ 경계선을 넣고 싶습니다.

해당 필드 값에 값이 있으면, <br>이 먹히는데,

예) 32x[1]에 값이 있으면 위쪽으로 --------------------- 이런 경계선이 나타나게 

     32x[2]에 값이 있으면 위쪽으로 --------------------- 이렇게 경계선이 나타나게 하고 싶은데 방법이 있을까요?

예)

아버지

-------

어머니

-------

할아버지

이렇게 나타나게 하는 방법이 혹시나 있을까요? 

답변 5개

채택된 답변
+20 포인트
Copy
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

좋은 답변 감사합니다.
위 처럼은 해 보았는데, 한가지 문제가 있어서요. 예를 들어 3번까지 값이 있으면 아래쪽에는 -------- 경계선이 나오지 않게 하고 싶은데, 그게 해결이 안되네요.~ㅠㅠ
뭔가 좋은 방법이 없을까요? hr도 안먹히고~

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

Copy

위 처럼 하니 해결이 되었네요^^

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

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

hr은 기본적으로 default.css에 

hr {display:none}

위와 같이 되어 있습니다. 이걸 해제하셔야 됩니다.

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

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

그냥... 이해가 안 되더라도 아래처럼 쓰셈.

Copy




    

    

    

    

    

    





line = "---------------------";

for (i of document.querySelectorAll("#wrDiv span")) i.innerHTML = i.innerHTML + (i.innerHTML.trim() == "" ? "" : "
" + line + "
");

wrd = document.querySelector("#wrDiv").innerHTML.split(line);

wrd.pop();

document.querySelector("#wrDiv").innerHTML = wrd.join(line);



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

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

Copy




.... 같은식으로...

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

답변에 대한 댓글 2개

좋은 답변 감사합니다.
hr 을 이래 저래 해봤는데 안먹히더라구여... !empty 여기에는 안먹히는 뭔가가 있는 것 일까요?
ㅠㅠ
dashed 속성값 뒤에 !important 넣어보세요.

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

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

로그인
🐛 버그신고