vue去掉组件自带的width

html-css09

vue去掉组件自带的width,第1张

Vue可以通过设置 CSS 样式的width属性来去掉组件自带的width,例如在组件中添加样式:<style>.element { width: 0} </style>即可去掉组件自带的宽度。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<style>标签中,输入css代码:td {padding: 0}。

3、浏览器运行index.html页面,此时成功用css去除了表格的边框和边距。

具体你说的是什么影响呢,你所谓的影响应该是继承。子类会部分继承父类的样式设置,例如:font-family, font-size, font-style,text-align, text-indent等等。至于width则不是继承的,默认是100%,也就是说一直到他父层的宽度,包括ul也是这样的。如果想清除掉父类的影响,可以将受影响的样式重写或者直接去除掉,回答完毕,希望采纳