CSS ブラックマジック
p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;//规定可现实几行 -webkit-box-orient: vertical;}
<div class="parent"> <div class="child"> 垂直居中 </div></div><style> .parent{ display:table; width:500px; height:500px; } .child{ display: table-cell; vertical-align: middle; }</style>
子要素要素の表セルの高さと幅で親要素全体を埋める
従来の PC 側では、通常、overflow:auto を使用してスクロール バーをドラッグして、オーバーフローしたコンテンツを表示できます。 、ブラウザのメーカーのシステムやバージョンが異なるため、モデルが弾性スクロールをサポートしていないため、開発中にいわゆるバグが発生する可能性があります。
.css{overflow:auto;/* winphone8和android4+ */-webkit-overflow-scrolling: touch; /* ios5+ */}
詳細については、モバイル Web ページでエラスティック スクロールをサポートするための 3 つのソリューションを参照してください
&:after { content: ''; border: Size(13) solid transparent; border-left-color: #fff;//方向 width: 0; height: 0; position: absolute; top: 0; right: Size(-30); @include verticalCenter(); }
どなたでも追加していただけます。
継続的な更新...