h5-app에 대한 css 스타일
3836 단어 h5
1. 텍스트가 지정된 줄 수로 표시되도록 제어하고 나머지 부분은 생략 부호로 대체한다.
.singleline{
display: -webkit-box; /* , */
-webkit-box-orient; /* , */
text-overflow: ellipsis; /* , “…” */
overflow : hidden;
-webkit-line-clamp: 1; /*
-webkit-box-orient: vertical;
}
2. 아이콘 오른쪽 상단에 수량 알림을 표시합니다. 위챗에서 메시지를 읽지 않은 것과 같습니다.
.redpoint{
height: 15px;width: 15px;
border-radius: 50%;
display: inline-block;
text-align: center;
font-size: 0.1em;
color: #FFFFD0; /* */
background: red;
position: relative;
top: -38px; /* */
right: -10px;
}
3. 원각 카드(주배경은 흰색, 원각 카드는 회색)
.card-back{
background-color:#f0f0f0;
border-radius:10px; /* */
}
4. 모든 요소 공통 스타일(*로 식별)
*{
font-family:Arial; /* */
}
5. 원소를 특립하고 모든 원소의 공용 스타일을 사용하지 않는다(예를 들어 모두가 빨간색이고 나만 파란색이다)
*{
color:red;
}
.mycss{
colorable !important; /*!important */
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
h5 자체 적응 js 코드(코드는 모두 절대 포지셔닝으로 다음 js 코드를 추가)텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.