다시 질문드려요 ㅠ_ㅠ; 가변100% 코딩시..
앵겨쪼
2023.04.01
텝버튼이 5개 입니다.
그럼 25% 잖아요?
텝버튼이 3개면은
33.33%가 답인가요? (넓어질수록 여백 차이가 나보여서..)
또한 이렇게 코딩할수도 있을까요?
텝버튼이 글자수가 일정하지 않습니다.
예를들어
두자 | 세글자 | 두자 | 다섯글자이상 | 세글자
이런식이예요..
그럼 제가 대충 눈대충으로 5개의 텝버튼을 100%비율로 늘어나게 하려고
10% 20% 10% 40% 20%
이런식으로 일일이 줘야할까요??
가변으로 양쪽에 패딩을주면.. 100%꽉맞게 비율로 안늘어서니 안되구요.. 좋은 방법 있으신분 계세요??
질문을 올렷는데수다님이 아래와같이댓글을 달아주셨네요.. 무슨 말인지 몰라서 혹시 아시는분 계신가요??
li에 n * ea
그다음
a태그안에서 블럭주고 padding ㄱㄱ
-
안토니
안녕하세요?
-
도래
하지만 100%에 꽉차지 않아서.. 음 결국 li에 제가 임의로 수치를 일일이 줘야겠네요 ㅠ_ㅠ;
글자 짧은건 수치를 적게.. 많은건 좀더 수치를 많게 -
슬기
수다님 말씀대로 가변적인 탭을 만드신다면 li에 양쪽으로 padding값을 주시면 글자수에 따라 유동적으로 변합니다.
예를들면 아래처럼요//
li a {display:block; padding:3px 10px;} -
사이
ul로 코딩하시면 ul의 width값을 100%로 잡으시고
각각의 li에 width값을 %값을 지정해주시면 될거 같습니다.