首页 > 其他分享 >前端问题记录:el-row和el-col出现排版错乱

前端问题记录:el-row和el-col出现排版错乱

时间:2023-12-07 19:32:48浏览次数:30  
标签:el wrap 错乱 排版 col row

el-row和el-col出现排版错乱,如图

前端问题记录:el-row和el-col出现排版错乱_使用场景

使用场景:

使用了el-row和col配合form使用,不操作时候页面排版是正确的,进行操作就会出现排版错乱。

问题原因:

因为 el-row和el-col的中的span元素之和超过了24的时候,就会出现排版错乱

解决方案:

.el-row {
display: flex; //设置布局
flex-wrap: wrap; //进行换行操作


标签:el,wrap,错乱,排版,col,row
From: https://blog.51cto.com/u_15266301/8727071

相关文章

  • UEFI代码中执行UEFI shell命令
    在UEFI代码中执行UEFIshell命令,类似于linux下C代码执行system("command")系统调用。MyUefiShell.inf内容如下:[Defines]INF_VERSION=1.25......
  • 在使用openpyxl库操作带有合并单元格的Excel文件时,插入新的行或列可能会导致后面的数
    在使用openpyxl库操作带有合并单元格的Excel文件时,插入新的行或列可能会导致后面的数据错乱。这是因为openpyxl库在插入或删除行或列时,不会自动更新合并单元格的范围1。解决这个问题的一种方法是在插入新的行或列之前,先保存所有合并单元格的范围,然后在插入新的行或列之后,根据......
  • 转:ROW_NUMBER() OVER函数的基本用法
    ROW_NUMBER()OVER函数的基本用法 分组后排序    在oracle中分组倒叙排序,取出每一组的第一个值,如何通过ROW_NUMBER()OVER实现 ChatGPTChatGPT在Oracle中,你可以使用ROW_NUMBER()窗口函数结合PARTITIONBY和ORDERBY子句来实现......
  • 修改 el-input 内部样式
    在工作中有时候需要单独设置某个el-input组件的内部样式,比如字体颜色、背景色、宽度、高度等,这时就需要修改el-input组件的内部自带样式,修改方式如下:修改前:el-input独占满一整行修改后:模板代码<divclass="elinput"><el-inputv-model="elinputValue"placehol......
  • does not have a SELinux domain defined. android 开机启动
    问题:dmesg [  46.089306]init:Servicemysvc2 doesnothaveaSELinuxdomaindefined. servicemysvc1/system/vendor/bin/app1classmainuserrootgrouprootsystemreadprocdisabledwritepid/dev/cpuset/foreground/tasksservicemysvc2......
  • 解决selenium打开edge浏览器闪退问题
     1、需保证浏览器驱动为对应版本,官方给的下载驱动的地址为:https://developer.microsoft.com/zh-cn/microsoft-edge/tools/webdriver/下载完驱动放在如下文件夹编辑2、edge浏览器默认安装路径为:C:\ProgramFiles(x86)\Microsoft\Edge\Application3、我解决问题的方法,增加配置代码......
  • C++(Protocol Buffers)
    ProtocolBuffers(简称Protobuf)是由Google开发的一种轻量级、高效、可扩展的数据序列化协议。它旨在成为一种语言无关、平台无关、可扩展、高效的数据交换格式。Protobuf通常用于在不同的系统或组件之间进行数据通信,如在分布式系统中,或者作为数据存储格式。以下是ProtocolBu......
  • 8、QColorDialog类(颜色对话框)
    QColorDialog类Qt中提供标准对话框,其中QColorDialog类(颜色对话框)。备注:不同系统平台显示效果有所不同,(原因是系统主题风格不一样,但功能一样)。  #ifndefDIALOG_H#defineDIALOG_H#include<QDialog>#include<QPushButton>#include<QFrame>#include<QColor>#......
  • jexcel_将excel数据导入到页面+导入到数据(SQL)
    1. jexcel_数据表_excel导入到页面.aspx<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="jexcel_数据表_excel导入到页面.aspx.cs"Inherits="jexcel_数据表_excel导入到页面"%><!DOCTYPEhtml><htmlxmlns="http://www......
  • Illegal mix of collations (utf8mb4_0900_ai_ci,IMPLICIT) MySql字符集及校对规则不
    查询时报错--用于解决报错>1267-Illegalmixofcollations(utf8mb4_0900_ai_ci,IMPLICIT)and(utf8mb4_general_ci,IMPLICIT)foroperation'='这个错误是由于在进行比较操作时涉及到不同的字符集和校对规则(collations)。涉及到了utf8mb4_0900_ai_ci和utf8mb4_general......