小编Tob*_*oby的帖子

p {
  overflow-y: hidden;
  height: 150px;
}

@media screen and(min-width: 700 px) {
  p {
    max-height: 150 px;
  }
}

<p>
   Hello Hello Hello Hello Hello Hello Hello Hello Hello
   Hello Hello Hello Hello Hello Hello Hello Hello Hello 
   Hello Hello Hello Hello Hello Hello Hello Hello Hello 
</p>

<strong>h1</strong>

我希望height在屏幕宽度小于700px时删除该属性.如果我这样做height:0px;,它完全隐藏了段落.任何CSS解决方案？或者我需要使用jQuery？

JS Fiddle：fiddle，代码如下：

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

<div class="loader"></div>

如何水平和垂直居中？

我试过：

position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);

但是transform:translate(-50%,-50%);不工作

输出 var_dump($arr)

array(4) {
  [0]=>
  array(4) {
    [0]=>
    string(1) "1"
    [1]=>
    string(1) "2"
    [2]=>
    string(1) "3"
    [3]=>
    string(2) "4
"
  }
  [1]=>
  array(4) {
    [0]=>
    string(1) "5"
    [1]=>
    string(1) "6"
    [2]=>
    string(1) "7"
    [3]=>
    string(2) "8
"
  }
  [2]=>
  array(4) {
    [0]=>
    string(1) "9"
    [1]=>
    string(2) "10"
    [2]=>
    string(2) "11"
    [3]=>
    string(3) "12
"
  }
  [3]=>
  array(4) {
    [0]=>
    string(2) "13"
    [1]=>
    string(2) "14"
    [2]=>
    string(2) "15"
    [3]=>
    string(2) "16"
  }
}

我想\n在 $arr 数组中删除。

我尝试使用array_walk($arr,'intval');但它不起作用，因为它是多维数组。解决办法是什么？ …