html - 使用 html 和 css 的省略号文本对齐设计

Question

Example Link

有两种情况(注意:相同的 Html 和 css 应该适用于两种情况)

1) 当我的文本较少时，该文本必须适合具有响应式的 div 的中间。

2) 当我有一个大文本时，它必须从第三行的 div 和省略号的开头开始，但应该是响应式的。

Answer 1

试试这个:

  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  text-align: center;
  max-width: 400px;
  height: 109.2px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 26px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

引用:http://codepen.io/martinwolf/pen/qlFdp