CSS实现新闻标题，一行文字垂直居中，两行文字超出显示省略号

在项目中遇到这样的需求，左边图片，右边新闻标题，如果新闻标题是一行，则让问题居中显示，如果是两行，则全部显示并两行垂直居中图片，如果多行，显示省略号。

实现效果如图：

HTML代码如下：

            <li>
                <p>
                    <a href="/teluokaizixun/090182292017.html" class="tuijian_img">
                        <mip-img layout="responsive" width="121" height="75" src="http://www.huayinyiliao.com/uploads/allimg/170901/9-1709011417290-L.png"></mip-img>
                    </a>
                    <span class="inner-info">
                        <a title="印度特罗凯代购可靠吗 印度当地价格多少？" href="/teluokaizixun/090182292017.html"><strong>印度特罗凯代购可靠吗 印度当地价格多少？</strong></a>
                    </span>
                    <a href="/teluokaizixun/090182292017.html">
                        <i></i>
                    </a>
                </p>
            </li>

CSS代码如下：

.list-item.xiangguan li p span.inner-info a{
line-height:52px;
height:52px;
overflow:hidden;
}
.list-item.xiangguan li p span.inner-info strong{
margin:0;
line-height:26px;
-webkit-line-clamp:2;
overflow:visible;
display:inline-block;
vertical-align:middle;
height:auto;
}