weixin_58648225 2022-12-07 17:34 采纳率: 89.2%
浏览 55
已结题

一个前端分割线无法下底的问题

目前在右侧引用其他页面中加入了一段文字,继而中段分割竖线无法至div的最底端

img

div元素内如下

<div class="formBox">
        <div class="inner{{ $errors->has('rpay_shop_name') ? ' error' : '' }}">
          <div class="answerBox">
            <ul class="marginList">
              <li class="section">
                <label>
                  <input name="rpay_shop_name" type="text" class="middle realtime" value="222"  maxlength="15" disabled="disabled">
                </label>
                @if ($errors->has('rpay_shop_name'))
                  @foreach ($errors->get('rpay_shop_name') as $error)
                    <p class="errorMessage">{{ $error }}</p>
                  @endforeach
                @endif
              </li>
            </ul>
            @include('merchant/form/rpay_shop_name_notes')
          </div>
        </div>
        @include('merchant/form/rpay_shop_name_baloonbox')

      </div>


include继承文件内容

<div class="baloonArea hide">
<h3></h3>
<div class="baloonBox">
    <p>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
    <p>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111。<a class="js-add-shopcode" href="/contact/merchant_info/shop_info.html" target="_blank">1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>111111111111111111111111111111111111111111111111。</p>
<div class="close"><span></span></div>
</div>
</div>

看起来include文件内文字串过长的情况下会发生此问题,在div子元素内添加css使input在块元素内居中暂时没能起到效果,想请教一下如何解决,谢谢~!

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-12-07 17:43
    关注

    给1111一长串内容容器增加换行试试,要不没换行容器被撑开了什么的

    word-break:break-all;
    word-wrap:break-word
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月15日
  • 已采纳回答 12月7日
  • 修改了问题 12月7日
  • 修改了问题 12月7日
  • 展开全部

悬赏问题

  • ¥15 u盘问题:盘符不显示 无媒体
  • ¥50 R语言读取nc按月均值转为tif
  • ¥30 智能车串级pid调参
  • ¥15 visual studio code翻译老是错误
  • ¥20 卫星测高数据的高程转换
  • ¥15 爬取招聘网站数据信息
  • ¥15 安装完tensorflow,import tensorflow as tf后报错,如何解决?
  • ¥15 ultralytics库导出onnx模型,模型失去预测能力
  • ¥15 linux下点对点协议连接2个USB串口的硬件流量控制问题
  • ¥15 SQL数据自动生成问题