크아아앙학
20
2019-08-04 21:33:53
3
138

CSS질문드립니다 ㅠㅠ



코드는div로 감싸고 내부는 span으로 작성하였고

제목,작성자.추천수를 나눠서  추천수를 맨오른쪽에 float:right를 사용하면

저렇게 추천수 영역이랑 번호영역이 나눠지는데요 ㅠㅠ

float때문에 맨오른쪽에 짝붙어서 번호가 자릿수가 늘어날수록 추천수가 밀리게되는데

이걸 해결할만한 좋은방법이있을까요?

원하는 방법은 추천수 위치는 고정에 오른쪽에 약간의 여백? 이라도생겨서 추천수가 늘어나도 밀리지 않게 하고싶습니다


 





1
0
  • 답변 3

  • 프리미엄
    236
    2019-08-04 22:46:58 작성 2019-08-04 22:47:10 수정됨
    0
  • 크아아앙학
    20
    2019-08-04 23:21:33
    감사합니다 일단 Flex로 도전해보겠습니다!
    0
  • 남쪽행운
    64
    2019-08-05 08:21:20
    추천수 최대값이 지정된다면. 그냥 숫자 영역을 span 같은 인라인블록으로 감싸고 width 주시면 됩니당.
    3자리 숫자까진 유지하고 4자리부터는 늘어나도 된다면 min-width 주셔도 되구요.
    최신 브라우저만 지원하시는거면 flex도 괜찮은데.
    아니라면 위 방법이 나을거에요.
    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.