在网页布局中，经常会使用到div元素来进行页面的划分和美化。但有时我们需要限制div元素内的文本只显示两行，这时就需要用到CSS的一些技巧。

首先，我们需要确定自己的需求。如果想要让div元素的内容只显示两行，且超出的部分隐藏，可以使用以下代码：

.my-div {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

这段代码中，首先使用了overflow属性来隐藏超出部分的内容。而text-overflow则表示给超出的文本加上省略号。接下来使用了webkit的flex布局，让文本只在一个flex容器里面显示，-webkit-line-clamp: 2这个属性表示该容器只显示2行文本。最后使用-webkit-box-orient: vertical属性将文本显示方向设置为垂直。

如果想要让div元素的内容只显示两行，且超出的部分换行显示，可以使用以下代码：

.my-div {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: auto;
word-break: break-all;
}

这段代码中，同样使用了webkit的flex布局，使文本在一个flex容器内显示。而overflow:auto则表示超出部分可以滚动查看。word-break表示在符合中断点的地方进行换行。

以上两种方式可以根据自己的需要进行选择，达到不同的显示效果。而要将这些代码应用到实际开发中，只需要将.my-div改为自己需要应用的div ID或类名即可。