文字溢出不起作用

Question

我的文字溢出效果不正常，它只是突破了，我该怎么做才能解决这个问题？

            </div>
                 <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
                <a href="#"><img class="left-block img-responsive" src="genimage.png" width="160" height="160" alt="" /></a>
                <p style="width: 70px; text-overflow-mode: ellipsis; ">Any other Random Item Any other Random Item </p>
                <p>50 €</p>
            </div>

Answer 1

Codepen http://codepen.io/noobskie/pen/pjXKoX

您的问题非常模糊，但您可以查看此问题 它可以通过<br>

进行调整

p{
  width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

如果你不想换行，请删除br，只需扩展p元素的宽度即可显示更多单词