layui居中搜索框

layui是一个轻量级的前端UI框架，它提供了一套简洁易用的样式和组件。如果你想在layui中创建居中对齐的搜索框，你可以按照以下步骤操作：

1. 首先，在HTML中添加一个基本的表单结构，包括一个输入框（input）作为搜索框，以及一个提交按钮（button）：

<form class="layui-form">
    <div class="layui-form-item">
        <label class="layui-form-label">搜索:</label>
        <div class="layui-input-block">
            <input type="text" name="s" placeholder="请输入搜索内容..." lay-input />
        </div>
    </div>
    <button class="layui-btn layui-btn-primary" lay-filter="searchBtn">搜索</button>
</form>

2. 使用layui提供的样式类来设置元素的位置，比如`layui-form-item`用于布局，`.layui-input-block`可以包裹住输入框，并添加`.layui-form-text`使其水平居中：

.layui-input-block {
    text-align: center;
}

3. 在JavaScript中，如果需要对点击按钮的行为进行处理，可以在对应的form过滤器里编写函数：

layui.use(['layer', 'form'], function(){
    var form = layui.form();
    form.on('submit(searchBtn)', function(e){
        // 获取输入框的值并执行搜索逻辑
        var keyword = e.field.s;
        // ... 执行你的搜索逻辑
        return false; // 阻止默认表单提交行为
    });
});