CSS 말줄임표식 관련 질문드립니다
떠나간그녀
2023.04.01
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
이거로 지정된넓이보다 텍스트가 길면 말줄임(...)표시 나오게 하려고 하는데
a href=#span오늘자 뉴스 테스트 줄임표식테스트111/span/a위처럼 하면 말줄임은도 정상적으로 되고 (...)표시도 제대로 나오는데
반대로spana href=#오늘자 뉴스 테스트 줄임표식테스트111/a/spanspan으로 a를 감싸면 말줄임은 되는데 (...)표식이 나오지 않고 텍스트가 잘려서보입니다.
왜이런건가요
-
율아
아...display:block..제거했더니 해결됐네요..아아아아 이 무슨 바보같은..
-
널위해
이것도 해결책이 되는군요 ㅠㅠ 감사합니다
-
하련솔
span으로 a를 감쌋을때는
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
이 부분을 a에 줘보세요. -
피리
a에는 {display:block;width:100%;height:100%;}
span에는 \t
{
\twidth:180px;
\tfloat:left;
\ttext-align:left;
\toverflow:hidden;
\twhite-space:nowrap;
\ttext-overflow:ellipsis;
}\t
걸려있습니당 -
슬아라
a와 span에 어떤식으로 스타일이 걸려있는지 확인을 해봐야겠네요.