텍스트가 장황 할 때 li 아래에있는 텍스트가 엉망이 됨

Question

WordPress에 WooCommerce Plugin을 사용하여 ecommerce store을 만듭니다. 하지만 내 문제는 일부 항목의 제목이 50-60자를 초과한다는 것입니다. 이것에 의해 제품 레이아웃이 엉망이됩니다. 여기 레이아웃 용 스크린 샷을 첨부하고 있습니다. 여기서 내가 무엇을해야합니까? 라이브 사이트를 통해 here을 얻을 수 있습니다.

업데이트

깨진 화면 이미지가 여기에 잘

Answer 1

, 당신은 3 가지 옵션이 있습니다.

1. 는 아무것도 할 수없고 lih3 높이거나
2. 제약과 함께 생활하고/스크롤 오버 플로우를 숨길 수 있습니다.

수 2가 될 것 제목 아래

컷은 CSS에 이것을 추가 :

div#content ul.products li.product {height:300px; overflow:auto;} 

아니면 대신이 추가 될 수있다 :

div#content ul.products li.product h3 {height:1em;overflow:hidden} 

수 3 단순히 제목이 길지 않은 것입니다 ...
게임 제목을 쓸 때 문자열 길이가 보다 큰지 확인하십시오. 귀하의 한도 인이있는 경우 substr을 인쇄하고 "..."을 추가하십시오.

내가 생각할 수있는 또 다른 해결책이 있지만 좀 더 복잡합니다. 게임 타이틀 길이를 가져 와서 텍스트 크기를 일정한 임계 값까지 줄입니다.