weixin_58648225 2022-03-08 11:23 采纳率: 89.2%
浏览 54
已结题

一个点击<a>消除对应<div>的布局问题

目的是想当点击"x"的时候, 消除错误信息的<div>, 目前遇到了一个布局的问题, 如何将<a>放到每个错误信息<li>的右侧。 部分关联代码如下:

     <?php if (!empty($res->err_msg)) : ?>
        <div class="alert alert-danger">
            <?php foreach ($res->err_msg as $s_msg) : ?>
                <li><?php echo $s_msg; ?><a style="text-align: right">x</a></li>
            <?php endforeach; ?>
        </div>
    <?php endif; ?>

目前表示在文字信息的右边, 如何放到整个ul右边的位置,或者时其他的一些方法可以点击消除


img

感谢解答帮助

  • 写回答

3条回答 默认 最新

  • 崽崽的谷雨 2022-03-08 11:44
    关注

    可以定位,可以用浮动 。再或者 flex布局 里的 justify-content: space-between;

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .box{
                display: flex;
                justify-content: space-between;
                width: 400px;
                height: 50px;
            }
            a{
                display: inline-block;
                height: 50px;
                line-height: 50px;
            }
        </style>
    </head>
    <body>
        <div class="box">
             <p>6666</p><a href="">777</a>
        </div>
    </body>
    <script>
    
    </script>
    </html>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月16日
  • 已采纳回答 3月8日
  • 修改了问题 3月8日
  • 修改了问题 3月8日
  • 展开全部

悬赏问题

  • ¥15 2024-五一综合模拟赛
  • ¥15 下图接收小电路,谁知道原理
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度
  • ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
  • ¥15 ETLCloud 处理json多层级问题
  • ¥15 matlab中使用gurobi时报错
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是,这到底错哪儿了😭