【原创】CSS 常见操作

2022年12月20日 4条评论 569次阅读 0人点赞慕容

单行省略号

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

多行省略号

以两行为例：

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;

input 框 focus 的时候边框颜色设置

.search-container>input:focus{ outline: 1px solid #00AEEC;}

使用 outline。
光标长短是与 input 框中的文字大小有关。

超链接选中时变成按钮

.cat-active {
  display: flex;
  width: 80px;
  height: 35px;
  background-color: #DFF6FD;
  color: #00AEEC !important;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

角标(非圆形)

nav ul li>a>div {
  font-size: 10px;
  padding: 1px 6px;
  margin: 0 4px;
  border-radius: 50px;
  background: #F1F2F3;
}

重点关注： padding: 1px 6px;

导航选中时下面有一条横线

Pokerdomded说道：

2025年12月2日 00:25

Google Chrome Windows 10
https://t.me/s/officials_pokerdom/3907
HighRollerMage说道：

2025年12月5日 10:13

Google Chrome Windows 10
https://t.me/s/Fresh_officials
DealerShadow说道：

2025年12月24日 05:46

Google Chrome Windows 10
https://t.me/kazino_s_minimalnym_depozitom/17
RouletteRogue说道：

2026年1月22日 15:33

Google Chrome Windows 10
В джунглях ставок, где любой площадка пытается заманить гарантиями быстрых джекпотов, лицензионное казино онлайн рейтинг лучших является именно той картой, что ведет через дебри обмана. Тем хайроллеров и новичков, которые устал из-за пустых заверений, такой помощник, чтоб ощутить настоящую rtp, будто вес ценной ставки в пальцах. Обходя пустой ерунды, лишь реальные сайты, там отдача не лишь число, а реальная везение.Собрано по гугловых запросов, как сеть, что вылавливает самые горячие тренды в рунете. Тут отсутствует пространства к шаблонных приёмов, каждый элемент словно карта в игре, в котором обман проявляется мгновенно. Хайроллеры знают: по стране тон речи и сарказмом, в котором сарказм притворяется как совет, даёт миновать обмана.В www.don8play.ru/ этот топ лежит будто раскрытая карта, подготовленный к игре. Зайди, когда желаешь почувствовать пульс настоящей азарта, минуя обмана и разочарований. Для кто любит тактильность выигрыша, он словно взять карты у руках, а не смотреть по монитор.

慕容的工作随笔

【原创】CSS 常见操作

单行省略号

多行省略号

input 框 focus 的时候边框颜色设置

超链接选中时变成按钮

角标(非圆形)

导航选中时下面有一条横线

发表回复