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;}