HTML writing-mode失效？排查指南！

如果在HTML中设置了writing-mode属性，但没有看到任何效果，可能是由于以下几个原因：\n\n1. 浏览器不支持该属性：确保使用的浏览器支持writing-mode属性。目前，该属性在大多数现代浏览器中都得到支持，但在一些较旧的浏览器中可能不起作用。\n\n2. 属性值设置不正确：确保writing-mode属性的属性值设置正确。该属性有多个可能的取值，如horizontal-tb（默认值，水平文本从上到下排列）、vertical-rl（垂直文本从右到左排列）和vertical-lr（垂直文本从左到右排列）。确保选择正确的属性值。\n\n3. 其他样式属性干扰：其他CSS样式属性可能会干扰writing-mode属性的效果。例如，如果设置了float属性或者使用了flex布局，可能会导致writing-mode属性不起作用。确保没有其他样式属性与writing-mode属性冲突。\n\n如果以上方法都没有解决问题，可以尝试在HTML元素上添加样式属性display: inline-block或display: inline-flex，或者在父元素上添加样式属性display: flex，以确保writing-mode属性得到正确应用。