weixin_58648225 2021-12-06 13:11 采纳率: 89.2%
浏览 82
已结题

请教一个HTML的排版问题

请教一个div元素下, 与无法水平放置的问题, 具体表现如下

<div class="form-group row">
            <form method="post" action="" onsubmit="return confirm('<?php echo $word->get('msg_add_conf'); ?>')">
                <input type="hidden" name="id" value="<?php echo $info->id; ?>">
                <div class="col-sm-6 no-padding-right">
                    <select class="form-control" name="adding_user_id" required>
                        <option value=""><?php echo $word->get('msg_please_select'); ?></option>
                            <?php foreach ($user_list as $us_if) : ?>
                                <?php $b_already_related = false;
                                if (!empty($info->users)) :
                                    foreach ($info->users as $user_info) :
                                        if ($us_if->id == $user_info->id) :
                                            $b_already_related = true;
                                            continue;
                                         endif;
                                    endforeach;
                                endif;
                                if (!$b_already_related) : ?>
                                    <option value="<?php echo $us_if->id; ?>"><?php echo $us_if->name; ?></option>
                                <?php endif;
                            endforeach; ?>
                    </select>
                </div>
                <div class="col-sm-6 no-padding">
                    <input class="btn btn-primary" type="submit" value="<?php echo $word->get('add'); ?>">
                </div>
                <input type="hidden" name="action" value="add_user">
            </form>
        </div>

img

这样页面的表现并不是水平对齐的, 尝试个各种方法还是无法修正, 想请教一下如何才能做到在一个水平线上对齐 也就是说input按钮在select框的右边, 感谢~!

  • 写回答

1条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-06 13:16
    关注

    你是想让输入框和按钮在同一行并且垂直居中对齐吧?
    父元素设置样式:
    dispaly:flex;
    align-item:center

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月14日
  • 已采纳回答 12月6日
  • 修改了问题 12月6日
  • 创建了问题 12月6日

悬赏问题

  • ¥15 使用CInternetSession,CHttpFile读取网页文件时有些电脑上会卡住怎么办?
  • ¥15 水下机器人的半物理仿真研究
  • ¥15 微服务假死,一段时间后自动恢复,如何排查处理
  • ¥50 webrtc-streamer TCP rtsp
  • ¥15 cplex运行后参数报错是为什么
  • ¥15 之前不小心删了pycharm的文件,后面重新安装之后软件打不开了
  • ¥15 vue3获取动态宽度,刷新后动态宽度值为0
  • ¥15 升腾威讯云桌面V2.0.0摄像头问题
  • ¥15 关于Python的会计设计
  • ¥15 聚类分析 设计k-均值算法分类器,对一组二维模式向量进行分类。