bootstrap button 按钮靠右布局

最新推荐文章于 2025-10-30 16:47:09 发布

转载最新推荐文章于 2025-10-30 16:47:09 发布 · 5.6w 阅读

标签

#bootstrap #js

收录于

web 同时被 2 个专栏收录

11 篇文章

订阅专栏

5 篇文章

订阅专栏

本文介绍了两种在CSS中实现按钮居右的方法：一是通过给button元素添加float:right样式；二是给父div设置text-align:right样式。这两种方法适用于网页布局设计，帮助开发者轻松实现元素的定位。

容器下的button居右问题
<div style="border:1px black solid;width:500px;height:500px;">
<input style="float:right" type="button" value="click me!" />
</div>

<div style="border:1px black solid;width:500px;height:500px;text-align:right">
<input type="button" value="click me!" />
</div>

可以给 button 增加样式 float:right;
也可以给父div 增加样式 text-align:right;

原文地址:https://bbs.csdn.net/topics/390188760