W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> #myDIV { background-color: lightblue; border: solid black 1px; max-block-size: 60px; /* 最大块级大小设置为 60 像素 */ writing-mode: vertical-lr; /* 书写模式设置为从左到右的垂直方向 */ } </style> </head> <body> <h1>max-block-size 属性</h1> <p>在此例中，max-block-size 属性受 CSS 的 writing-mode 属性影响。</p> <div id="myDIV"> <p>这是一个 DIV 元素。</p> <p>这是更多文本，尝试扩展框</p> <p>这是更多文本，尝试扩展框</p> </div> </body> </html>