截斷文本，如果它試圖運行到三行

Question

我有一個小的<p>約140px寬對齊旁邊的圖片。總共有四行文本的空間。前兩行是爲標題保留的，並且有兩行其他信息。

如果橫跨兩行以上的行，我希望剪切標題，否則會將其他信息與圖像底部不一致。

我能想到的唯一解決方案是創建一個div，兩行的高度與溢出隱藏。但是，如果標題只有一行，則會留下很大的差距。

解決方案可以是jQuery，普通的JavaScript，CSS甚至PHP（如果可能的話）。

TIA

Answer 1

設置標題有兩個的max-height線

Answer 2

請記住該酒店最大高度不IE6的支持。另外，限制文本框的大小會導致可訪問性問題，通常不推薦使用。

由於這是更多的內容問題而不是顯示問題，所以最好在後端處理它 - 如果它是動態文本，請將數據庫字段限制爲適當的字符數，或者用一些PHP （或者你設置的任何服務器端情況）。使用非等寬字體很難建立角色數量，但如果不限制內容角色的數量，則可能會導致使用較舊的瀏覽器而不使用縮放的可視性較低的用戶感到不安所有人都喜歡safari和chrome的最新版本。