Modal样式修改问题

问题描述

图片描述

问题出现的环境背景及自己尝试过哪些方法

当我什么都不输入就点击"取消"按钮,就会多出一行提示,这里会占一定的空间,从而导致下面的"取消"按钮下移,从而第一次取消功能失效,不能及时关闭弹出框,我想问下,如何在提示的时候不增加高度,不挤压下面的空间,样式该如何修改呢???

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)


.ivu-form-item:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0
}
.ivu-form-item-content {
position: relative;
line-height:28px;
font-size: 12px
}
.ivu-form-item .ivu-form-item {
margin-bottom: 0
}
.ivu-form-item .ivu-form-item .ivu-form-item-content {
    margin-left: 0!important
}
.ivu-form-item-error-tip {
    /*position: absolute;*/
    top: 100%;
    left: 0;
    line-height: 1;
    padding-top: 12px;
    color: #ed4014;
    width: 170px;
}
.ivu-form-item-required .ivu-form-item-label:before {
    content: '*';
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-family: SimSun;
    font-size: 12px;
    color: #ed4014
}

你期待的结果是什么?实际看到的错误信息又是什么?

如何设置属性让这里面的内容不随着内部内容的增加而改变高度??

.ivu-modal-body {
    padding:10px;
    font-size: 12px;
    line-height: 1.5

}

阅读 6.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题