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

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

달료라 1년 전 조회 4,439

</p>

<p><!-- 리스트 제목 -->

<?php echo !empty($wr_32x[0]) ? $wr_32x[0] . "
" : ''; ?>

<?php echo !empty($wr_32x[1]) ? $wr_32x[1] . "
" : ''; ?>

<?php echo !empty($wr_32x[2]) ? $wr_32x[2] . "
" : ''; ?>

<?php echo !empty($wr_32x[3]) ? $wr_32x[3] . "
" : ''; ?>

<?php echo !empty($wr_32x[4]) ? $wr_32x[4] . "
" : ''; ?>

<?php echo !empty($wr_32x[5]) ? $wr_32x[5] . "
" : ''; ?></p>

<p>

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

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

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

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

 

예)

아버지

-------

어머니

-------

할아버지

 

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

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

답변 5개

채택된 답변
+20 포인트

</p>

<p><?php echo !empty($wr_32x[0]) ? $wr_32x[0] . "
---------------------
" : ''; ?>

<?php echo !empty($wr_32x[1]) ? $wr_32x[1] . "
---------------------
" : ''; ?>

<?php echo !empty($wr_32x[2]) ? $wr_32x[2] . "
---------------------
" : ''; ?>

<?php echo !empty($wr_32x[3]) ? $wr_32x[3] . "
---------------------
" : ''; ?>

<?php echo !empty($wr_32x[4]) ? $wr_32x[4] . "
---------------------
" : ''; ?>

<?php echo !empty($wr_32x[5]) ? $wr_32x[5] . "
" : ''; ?></p>

<p>

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

답변에 대한 댓글 1개

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

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

1년 전

</p>

<p><?php echo !empty($wr_32x[1]) ? "<table width=400><tr><td style='max-width:400px; overflow: hidden; text-overflow: ellipsis; border-top:1px dashed #81DAF5;'>$wr_32x[1]</td></tr></table> " : ''; ?> </p>

<p>

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

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

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

j
1년 전

hr은 기본적으로 default.css에 

hr {display:none}

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

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

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

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

 

</p>

<p><div id="wrDiv">

    <span><?php echo $wr_32x[0]; ?></span>

    <span><?php echo $wr_32x[1]; ?></span>

    <span><?php echo $wr_32x[2]; ?></span>

    <span><?php echo $wr_32x[3]; ?></span>

    <span><?php echo $wr_32x[4]; ?></span>

    <span><?php echo $wr_32x[5]; ?></span>

</div></p>

<p><script>

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);

</script></p>

<p>

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

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

s
sinbi Expert
1년 전

</p>

<p><?php echo !empty($wr_32x[1]) ? "<hr style = 'border:1px dashed'>". $wr_32x[1]. : ''; ?>

.... 같은식으로...</p>

<p>

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

답변에 대한 댓글 2개

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

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

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

로그인