레일 인덱스 페이지 레이아웃 스타일링

Question

양면 마켓 플레이스 구축.

내가 겪고있는 문제는 제품 제목과 설명이 사이트에 추가되는 길이를 조정하는 것입니다.

http://frnsh.co.uk은 메인 페이지의 예를 볼 수 있습니다.

truncate 메서드를 살펴 보았지만 나에게 적합하지 않은 것으로 보입니다.

이 문제를 해결하는 가장 좋은 방법은 무엇입니까?

Answer 1

사용자 입력 화면의 제품 제목 입력란의 크기를 '최대 길이'로 제한해야한다고 생각합니다. 60은 귀하의 사이트에 적합한 가치입니다.

<input type="text" name="title" maxlength="60"> 

는 다음 페이지가 좋은 찾고 될 것이 높이로 '.caption H3'

.caption h3 { 
    height: 78px; 
} 

에 대한 CSS에서 '높이'를 설정합니다.