美文网首页
Semantic UI 使用笔记二

Semantic UI 使用笔记二

作者: 像苏 | 来源:发表于2020-03-21 15:19 被阅读0次

menu用法

menu有三个按钮时的写法

ui menu
    item
        ui button
        ui button
    right menu
        item
            ui button
  • 控制按钮大小可以提前在ui menu 里面写好
  • 像这里的按钮不需要加入icon,如果像这样ui icon button会使图标和文字挤到一块,看起来不舒服,放单个图标时用这个写法ui icon 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;}

相关文章

网友评论

      本文标题:Semantic UI 使用笔记二

      本文链接:https://www.haomeiwen.com/subject/sgddehtx.html