这个布局应该怎么改才能将下面的文本框和左边的对齐呀

Question

请问这个要改哪里才能布局统一啊 麻烦解惑！

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/17b232e174d84aa2b233c77624dc394b.png "#

Answer 1

引自免费微信小程序：皆我百晓生

为了使文本框和左侧元素对齐，您可以尝试调整CSS样式。这里是一个可能的解决方法：

li {
    margin-left: -110px;
}

li:nth-child(4) button {
    margin-left: -230px;
}

这段代码会确保lianxi1类中的每个列表项（<ul>）都向左移动110像素，并且在第四个列表项之后添加一个按钮。这样就可以让左侧的元素与文本框对齐了。

如果您想进一步定制样式，可以考虑设置不同的宽度、高度、颜色等属性。例如：

li {
    width: 300px;
    height: 30px;
    color: white;
}

li:nth-child(4) button {
    width: 100px;
    height: 30px;
    border: none;
    background-color: blue;
    color: white;
}

这将会给所有列表项设置相同的宽度、高度和背景色，并为最后一个按钮提供蓝色边框和白色文字。