:style="{box-sizing:'border-box'}"无效

`style="{box-sizing:'border-box'}"` 通常是用于指定元素的 CSS 样式，其中 `box-sizing` 属性用于指定元素的盒模型。如果这个样式无效，可能是因为它被其他样式所覆盖或者是语法有误。

您可以尝试以下方法来解决问题：

1. 检查样式语法是否正确，确保所有的引号、括号、冒号等都配对正确。
2. 确保没有其他样式覆盖了这个样式，可以使用浏览器的开发者工具来检查。
3. 尝试使用更具体的选择器来指定目标元素，例如使用 ID 或类名来指定元素。
4. 如果您使用的是外部样式表，尝试将样式直接写在 HTML 文件的 `<style>` 标签中，以确保样式能够生效。

希望这些方法能够帮助您解决问题！

相关问题

flex:1时box-sizing: border-box无效

当使用`flex: 1`时，`box-sizing: border-box`属性可能会失效的原因是，`flex`属性会自动计算元素的宽度，而不考虑`box-sizing`属性的影响。

`box-sizing: border-box`属性用于指定元素的盒模型，将元素的宽度和高度包括边框和内边距在内。但是，当使用`flex`属性时，元素的宽度会根据父容器和其他兄弟元素的布局进行自动计算，忽略了`box-sizing`属性的设置。

要解决这个问题，可以尝试以下方法：
1. 在使用`flex: 1`的同时，添加`width: 100%`属性，确保元素占据父容器的全部宽度。
2. 使用`flex-basis: 0`代替`flex: 1`，并添加`width: 100%`属性。
3. 将`box-sizing: border-box`应用于父容器，并确保父容器的宽度设置正确。

希望以上解答对您有帮助！

vue的:style="{box-sizing:'border-box'}"错误

如果您在 Vue 中使用 `:style="{box-sizing:'border-box'}"`，会出现错误提示，因为在 Vue 中，样式对象需要用驼峰式命名，而不是使用横线分隔的方式。因此，正确的写法应该是 `:style="{boxSizing:'border-box'}"`。

另外，如果您希望同时设置多个样式属性，可以使用一个包含多个属性的样式对象，例如：

:style="{boxSizing:'border-box', padding:'10px', margin:'20px'}"

这将同时设置 `box-sizing`、`padding` 和 `margin` 三个样式属性。

希望这能解决您的问题！