display:none和visibile:hidden opacity0重绘重排

`display:none`和`visibility:hidden`以及`opacity:0`在页面中都可以隐藏元素，但它们的实现方式不同，会对页面的重绘重排产生不同的影响。

`display:none`会将元素从文档流中完全删除，这会导致元素不再占据任何空间，而且会导致页面的重排和重绘。

`visibility:hidden`会将元素隐藏起来，但是元素依然占据着原来的空间，这也会导致页面的重排和重绘。

`opacity:0`会将元素变得透明，但元素依然占据着原来的空间，这同样会导致页面的重排和重绘。

因此，如果需要在页面中隐藏元素，可以根据实际需要选择不同的方式。如果需要隐藏的元素不再需要使用，可以使用`display:none`；如果需要隐藏的元素需要重新显示，可以使用`visibility:hidden`或者`opacity:0`。但是需要注意，使用`display:none`将导致元素完全从文档流中删除，可能会影响到其他元素的布局，因此在使用时需要谨慎考虑。

相关问题

display:none和visibile:hidden

`display:none` 和 `visibility:hidden` 都可以用来隐藏元素，但它们有一些细微的差别。

`display:none` 会使元素完全不占据页面空间，对其它元素没有影响，并且元素内部的内容和事件也都不可见。

`visibility:hidden` 会使元素不可见，但仍占据页面空间，其它元素会自动调整位置以适应隐藏元素的空间。并且元素内部的内容和事件也都可以继续使用。

"color": 0, "visibile": true, "thickness": 0, "degree": 3, "flags": 8, "knotsTolerance": 1.0E-10, "weights": [1, 1, 1, 1, 1], "fitPointSize": 3, "modelSpace": true, "lineWeight": 0, "nodePointsSize": 9, "lineType": "", "transparency": 0, "extrusion": { "x": 0, "y": 0 }, "linetypeScaleFactor": 1, "id": "1B3", "knots": [0, 0, 0, 0, 100, 200, 200, 200, 200], "controlPointSize": 5, "fitTolerance": 1.0E-10, "controlPointTolerance": 1.0E-10

根据提供的数据，这些是关于一个对象的属性和参数的描述。其中，"color"表示颜色，"visible"表示是否可见，"thickness"表示线条的粗细，"degree"表示曲线的次数，"flags"表示标志，"knotsTolerance"表示节点容差，"weights"表示权重，"fitPointSize"表示拟合点的大小，"modelSpace"表示是否在模型空间中，"lineWeight"表示线条权重，"nodePointsSize"表示节点点的大小，"lineType"表示线型，"transparency"表示透明度，"extrusion"表示挤压（x和y方向），"linetypeScaleFactor"表示线型缩放因子，"id"表示ID，"knots"表示节点的值，"controlPointSize"表示控制点的大小，"fitTolerance"表示拟合容差，"controlPointTolerance"表示控制点容差。