CSS中，想要實現自動換行的效果，可以通過設置white-space屬性為normal或者使用word-wrap屬性，這樣當文字超出容器寬度時就會自動換行。

例如：
.container {
width: 200px;
word-wrap: break-word;
}
.container p {
white-space: normal;
}
.container p:nth-child(2) {
overflow: hidden;
}

但是，當我們需要知道文字的行數時，就需要借助一些計算方法了。

首先，我們可以利用偽元素::before來插入一段和容器寬度一致的占位文本，然后再利用line-height屬性來計算出文本的行數。

例如：
.container {
width: 200px;
position: relative;
}
.container::before {
content: "";
width: 200px;
height: 0;
line-height: 24px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.container p {
white-space: normal;
}

我們可以通過改變line-height的值來控制計算出的行數，以達到我們需要的效果。

另外一種方法是利用JavaScript來計算行數，具體實現可以通過獲取元素的高度、字體大小和行高等屬性進行計算。

例如：
function countLineNum(element) {
var styles = getComputedStyle(element);
var height = parseInt(styles.height);
var lineHeight = parseInt(styles.lineHeight);
var fontSize = parseInt(styles.fontSize);
var lineNum = height / lineHeight;
return Math.floor(lineNum);
}

使用上述方法，我們就可以輕松實現獲取行數的效果了。