아무래도 좋을 Roll20용 CSS 이야기.



구성상 이리저리 inline roll을 모당한 형태를 만들어야 할 일이 간혹 있는데...


머 그거야 F12 누르고 사륜안 해서 간단하게 CSS 구문을 그대로 베껴오면 그만이다만,

문제는 inline roll 요소는 기본적으로 display 속성이 (이름처럼) inline이라는 거임.



이게 왜 문제냐.

float 속성을 부여한 요소는 block이 되어버리거든...



그래서 어쩔 수 없이 이리저리 만져가면서 

완전히 동일한 결과가 나오도록 신경써서 만들어 봤더니


a66e04ad2c06782cb9675d4ac25dcfe55a21c4544de5bc041ce4712b0ceecd8bcea6cddae899


꽤 그럴싸하게 나온... 거 같지만


자세히 보면...


7c3024fb6937d82a936b9639e339affa83e51636276bda83cbe179337a903df347b9


1px이 안 맞다.



...대체 왜지...???


a04425ad0932b55396341f61565ac9c946dc85ab0ac3c17ea9674f1fe6bb898cbcc69b80dfd4da


덤으로 이렇게 채팅창 글자 크기 전체를 키우면 더 이상하게 보인다.



....아니 뭐 어떻게 손으로 조금씩 수정해서 얼추 비슷하게 보이게 만들 수는 있고

현실적으로 저걸 저렇게 나란히 배치 안 해 놓으니 티도 안 날 거 같기는 한데...



왜 내 생각이랑 한 픽셀 차이나는지도 잘 모르겠고,


무엇보다 글자 크기를 터무니없이 키우거나 줄이면 

여지없이 형태가 좀 달라지는 건 아무래도 걱정된다.





으아아악 강박증 도진다