网站建设的电销,湖南手机网站制作公司,2017网站设计尺寸,软件定制开发外包案例目标 文字部分自适应并且居中 图中是一个弹窗#xff0c;我现在使用flex的布局来实现#xff0c;标题和关闭按钮。因为是uni-app,所以标签是view 。你可以自行替换为 代码 view classpopup-boxview classtitleview class我现在使用flex的布局来实现标题和关闭按钮。因为是uni-app,所以标签是view 。你可以自行替换为 代码 view classpopup-boxview classtitleview classtext报案成功/viewimage stylewidth: 32rpx; modewidthFix srcclose-icon.png/image /view /view.popup-box{width: 80vw;margin: 0 auto;.title{display: flex;justify-content: space-between;align-items: center;.text{text-align: center;flex: auto;}} }实现效果如下 总结 这里的title 文字部分是自适应剩余宽度的。想要自适应剩余宽度的话需要满足以下条件 父级dispalay : flex;其中一个子级的宽度或者高度为固定。另外一个子级的 flex: auto;