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 MATLAB yalmip gurobi求解器
  • ¥15 关于#stm32#的问题:第一张图是发送数据代码,第二第三张图是接收数据并进行DAC转换的函数,若用串口一接收数据并进行DAC转换,主函数代码该怎么写
  • ¥20 hc130怎么读写内部flash存储信息
  • ¥15 Axure rp9注册与登录交互
  • ¥15 我下载图形界面重启完就变成这样了,打字也打不了,动也动不了,该怎么解决(操作系统-centos)
  • ¥15 VBA中在窗体中遍历所有checkbox控件,提取出被选中的checkbox的caption值
  • ¥15 在Ubuntu上有什么命令,或者是系统文件能告诉我链接nvme ssd的pcie槽位是不是支持热插拔功能?
  • ¥15 ansys license许可证问题
  • ¥20 QQ号和密码都能正常登录微信 QQ号和密码登录微信显示密码错误
  • ¥15 单片机RTOS Kernel与应用分离开发,Kernel如何调起应用?