<div id="comment-form" class="ui form" th:if="${loginUser != null}"> <input type="hidden" name="blogId" th:value="${blog.blogId}"> <input type="hidden" name="parentCommentId" value="-1"> <input type="hidden" name="nickname" th:value="${loginUser.nickname}"> <input type="hidden" name="email" value="-1" th:value="${loginUser.email}"> <div class="field"> <textarea name="content" placeholder="请输入评论信息..."></textarea> </div> <div class="field"> <div class="fieldm-mobile-wide m-margin-bottom-small"> <button id="commentpost-btn" type="button" class="ui teal m-mobile-wide button" style="width:100px;height: 40px"> <i class="edit icon"></i>发布 </button> </div> </div> </div> 如何将以上发布按钮设置为靠右
时间: 2023-12-05 09:07:46 浏览: 40
你可以在外层div标签上添加class为"right aligned"来使发布按钮靠右对齐,代码如下:
```
<div id="comment-form" class="ui form right aligned" th:if="${loginUser != null}">
<input type="hidden" name="blogId" th:value="${blog.blogId}">
<input type="hidden" name="parentCommentId" value="-1">
<input type="hidden" name="nickname" th:value="${loginUser.nickname}">
<input type="hidden" name="email" value="-1" th:value="${loginUser.email}">
<div class="field">
<textarea name="content" placeholder="请输入评论信息..."></textarea>
</div>
<div class="field">
<div class="fieldm-mobile-wide m-margin-bottom-small">
<button id="commentpost-btn" type="button" class="ui teal m-mobile-wide button" style="width:100px;height: 40px">
<i class="edit icon"></i>发布
</button>
</div>
</div>
</div>
```