在一个TEXTAREA或者DIV中居中一个button

TEXTAREA中底端居中一个button

实现这样一个效果：

HTML结构：

<div class="am-modal-bd">
    <div class="am-form-group">
        <textarea id="reply-con" maxlength="1500"></textarea>
        <div>
            <button id="save-reply" class="am-btn am-btn-default am-btn-sm">保存</button>
        </div>
    </div>
</div>

实现步骤：

1.按钮居中使用纯CSS编写的话，需要知道按钮的宽度，但是按钮中的文字会动态改变按钮宽度。实现起来不太好做。

解决方法：使用flex布局，在按钮外套一层div，div中使用flex布局：

<div>
    <button id="save-reply" class=