Semantic UI 使用笔记二

2020-03-21  本文已影响0人  像苏

menu用法

menu有三个按钮时的写法

ui menu
    item
        ui button
        ui button
    right menu
        item
            ui button

menu如何随着页面滚动固定在顶部

ui top fixed menu         用的最多,固定在顶部,去掉圆角,通栏显示
ui bottom fixed menu
ui right fixed menu
ui left fixed menu

内容剧中显示写法

ui container 然后定义div的宽度,可以控制包括菜单栏在内的内容

CSS控制文本只显示一行,其余文本用省略号代替 (原文地址)

  .text1 {
      display: inline-block;
      white-space: nowrap; 
      width: 100%; 
      overflow: hidden;
      text-overflow:ellipsis;}
显示两行
.text2{
    width:200px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;}
上一篇 下一篇

猜你喜欢

热点阅读