Question

有两种情况（注意：相同的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

使用html和css进行文本对齐设计

1 个答案: