iView侧边栏(Sider)宽度修改

    想要修改Sider宽度,却发现在vue的style中设置并不成功。研究过后发现,不成功的原因有下面几点:

        1、默认样式有最大宽度限制,所以不成功;        

默认样式最大宽度限制

        2、可以在元素的行内标签设置修改,不能在样式表中修改,原因是iview的默认样式设置在了element.style中。要对element.style中的设置复写,就只能采用行内标签方式。

element.style中的设置


    所以,综上,在元素标签中使用行内style修改(max-width:nnn px; width:nnn px)就可以对其进行修改了 。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 6,938评论 0 7
  • 第一章 F12: element.style 内联样式(可以直接在上面写代码进行简单调试) user agent...
    fastwe阅读 5,451评论 0 0
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,844评论 0 11
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,849评论 0 0
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握C...
    繁华退却阅读 5,682评论 0 0