Asp.net 带行和边距的引导对齐
我正试着把我的按钮对准中间。当前被向右拉的文本,我想在我的按钮旁边,居中。我试着把每一行放在每一个可能的组合中,我试着用各种方式把东西放在中心,但就是做不好。 目前,我不得不使用Asp.net 带行和边距的引导对齐,asp.net,twitter-bootstrap,twitter-bootstrap-3,Asp.net,Twitter Bootstrap,Twitter Bootstrap 3,我正试着把我的按钮对准中间。当前被向右拉的文本,我想在我的按钮旁边,居中。我试着把每一行放在每一个可能的组合中,我试着用各种方式把东西放在中心,但就是做不好。 目前,我不得不使用来让所有内容保持在同一行。但一定有办法解决我所缺少的问题。如果我试图删除向右拉,它只会更改行,而不是将自身放在按钮旁边 代码: 当前外观: 我已经用这种方法解决了您的问题,试试这个,看看是否有效 <style> a.lnk-content, .lbl-score {
来让所有内容保持在同一行。但一定有办法解决我所缺少的问题。如果我试图删除向右拉
,它只会更改行,而不是将自身放在按钮旁边
代码:
当前外观:
我已经用这种方法解决了您的问题,试试这个,看看是否有效
<style>
a.lnk-content, .lbl-score {
display:block;
margin-left: 30px; /* adjust this based on your requirement*/
margin-top: 10px; /* adjust this based on your requirement*/
}
</style>
<td style="border: 1px solid black; height: 50px;">
<div class="row">
<div class="col-xs-7"> <!-- adjust the columns based on your needs -->
<a href="#" class="lnk-content">this is my link</a>
</div>
<div class="col-xs-5"> <!-- adjust the columns based on your needs -->
<div class="pull-left">
<div><asp:LinkButton ID="UpVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-up" style="color:green"></i></asp:LinkButton></div>
<div><asp:LinkButton ID="DownVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-down" style="color:red"></i></asp:LinkButton></div>
</div>
<div class="lbl-score">
<asp:Label ID="LabelScore" runat="server" Text="Score: "></asp:Label>
<asp:Label ID="LabelScoreValue" runat="server" Text="234"></asp:Label>
</div>
</div>
</div>
</td>
a、 lnk内容,.lbl分数{
显示:块;
左边距:30px;/*根据您的要求进行调整*/
利润上限:10px;/*根据您的要求进行调整*/
}
这就是结果,你现在可以轻松地以任何方式调整它:
下面结果上的按钮显示不正确,因为我没有样式
我希望它能帮助您。非常感谢您!我必须调整一些事情,但这正是我所需要的!
<style>
a.lnk-content, .lbl-score {
display:block;
margin-left: 30px; /* adjust this based on your requirement*/
margin-top: 10px; /* adjust this based on your requirement*/
}
</style>
<td style="border: 1px solid black; height: 50px;">
<div class="row">
<div class="col-xs-7"> <!-- adjust the columns based on your needs -->
<a href="#" class="lnk-content">this is my link</a>
</div>
<div class="col-xs-5"> <!-- adjust the columns based on your needs -->
<div class="pull-left">
<div><asp:LinkButton ID="UpVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-up" style="color:green"></i></asp:LinkButton></div>
<div><asp:LinkButton ID="DownVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-down" style="color:red"></i></asp:LinkButton></div>
</div>
<div class="lbl-score">
<asp:Label ID="LabelScore" runat="server" Text="Score: "></asp:Label>
<asp:Label ID="LabelScoreValue" runat="server" Text="234"></asp:Label>
</div>
</div>
</div>
</td>