不用CSS怎么将pywebio网格布局后的界面集体左移

如果你不想使用 CSS，可以通过调整网格布局的 HTML 代码来实现将 PyWebIO 网格布局后的界面集体左移。以下是一种方法：

1. 在应用中导入 `put_html` 函数：

from pywebio import put_html
from pywebio.input import *
from pywebio.output import *
from pywebio.platform.tornado import start_server

2. 使用 `put_html` 函数将界面的 HTML 代码嵌入到应用中。在 HTML 代码中，添加一个父容器，并为该容器设置 `margin-left` 属性来实现左移。

def app():
    # 网格布局的 HTML 代码
    grid_layout = """
    <div style="margin-left: 100px;">
        <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;">
            <div style="background-color: #f2f2f2; padding: 20px; text-align: center;">Item 1</div>
            <div style="background-color: #f2f2f2; padding: 20px; text-align: center;">Item 2</div>
            <div style="background-color: #f2f2f2; padding: 20px; text-align: center;">Item 3</div>
        </div>
    </div>
    """
    
    put_html(grid_layout)

在上述示例中，通过给父容器设置 `margin-left: 100px;` 的样式，将网格布局整体向左移动了 100 像素。

3. 启动应用：

if __name__ == '__main__':
    start_server(app, port=8080)

这样，网格布局后的界面将整体左移。你可以根据需要调整 `margin-left` 的值来控制左移的距离。