WeChat ミニ プログラムにおける CSS の使用スキルの概要

この記事では、最近人気のWeChatミニプログラムのCSS使用スキルの概要を紹介します。必要な学生はこの記事を参照してください

WeChatミニプログラムのCSS使用スキル

1:純粋なCSSで三角形を作成する原則上部、左側、右側を非表示にします (色を透明に設定します)

.demo {
 
width:0;
 
height:0;
 
border-width:20px;
 
border-style:solid;
 
border-color:transparenttransparentredtransparent;
 
}

2: 最大の高さを設定します...スライドできます

3: text-overflow プロパティは、テキストがオーバーした場合の動作を指定します。含まれる要素をフローします

clip: テキストをトリムする

ellipsis: 省略記号を使用してトリムされたテキストを表現します

string: 指定された文字列を使用してトリムされたテキストを表現します重要なポイントは次の 3 つです同時使用: text-overflow:ellipsis;white-space:nowrap;overflow:hidden;5: margin-bottom は無効です

4:overflow: hidden 強制的に改行を行わない場合、overflow:hidden を使用して、改行を超える部分を非表示にします。インターフェース

margin-bottom は、要素が margin-top の下に移動することを許可しません。要素を下に「押し込む」マージンとして機能します。

アイコンを下から30pxにしたい場合は、ulにposition:absolute,bottom:30pxを設定できます（同じ効果を実現するためにこの文を追加したわけではありません）さらに、親要素のposition:relative

6: 行の折り返しを強制しない

white-space:nowrap;

自動行折り返し

max-height:550rpx;
 
overflow-y:scroll;

英語の単語の改行を強制するりー

以上がWeChat ミニ プログラムにおける CSS の使用スキルの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。