iview layout组件中，sider设置了默认宽度和最大宽度，在css样式文件中修改无效，原因是iview默认样式设置在了element.style中，只能通过行内样式修改
样式如下：
image.png
image.png
修改方式：
1.官方文档中写明修改宽度通过传参数width实现
image.png
详见iview组件 layout部分
布局 Layout - iView (iviewui.com)
2.使用行内样式覆盖源样式
<sider style="width: 300px;min-width: 300px;max-width: 300px;flex: 0 0 300px;">
补充：
神奇的技巧：
如果想让sider的宽度自适应父元素，将width的值设置为空即可
代码：
<sider :width="''">
sider的class
image.png
原创
iview layout组件中，sider设置了默认宽度和最大宽度，在css样式文件中修改无效，原因是iview默...
一般设置宽度都是直接是在style中写样式，但是在调整sider的宽度是却无效的 因为Sider中有自带属性wid...
想要修改Sider宽度，却发现在vue的style中设置并不成功。研究过后发现，不成功的原因有下面几点： ...
直接从iview官网复制Layout代码过来，但想将其中的Sider、Header、Content、Footer分...
这样的bug如何处理？、 动态设置宽度才行。
在flutter开发中，如果不给Container组件设置宽度的话，它的宽度是取决于子组件的宽度，如何给Conta...
Dialog 宽度占据全屏 关于如何自定义设置 Dialog 的大小，以及如何让宽度占满整个屏幕，其实是一个老生常...
/** * 动态设置宽度，设置成最大宽度 */ private void calculateWidth() { /...
对Sider的width进行修改时，用了style={{width:300}} 和CSS class都未生效。经研...
block:默认宽度为父元素宽度，可以设置宽高，换行显示 inline: 默认宽度为内容宽度，不可设置宽高，同行显示。
本文标题：iview 如何设置sider宽度
本文链接：https://www.haomeiwen.com/subject/skjniktx.html
网友评论