ASP.NETMVC（FX）应用程序中的Flexbox导致共享布局组件无法对齐。
创始人
2024-11-12 05:30:10
0次

该问题可能是由于Flexbox的默认行为造成的。要解决此问题，可以尝试添加以下CSS：

.flex-container{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.flex-item{ width: calc(33.33% - 10px); margin-bottom: 20px; }

在ASP.NET MVC中，可以将此CSS添加到布局文件（如_Layout.cshtml）中：

...
@RenderBody()
...

此代码将创建一个容器，其中包含Flexbox布局，使共享布局组件可以正确对齐。

请注意，上面的CSS代码适用于三栏布局，其中每个灵活项目的宽度为33.33％，并且有10px的外边距。如果您需要不同的布局，请调整宽度和外边距以适合您的需求。

上一篇：ASP.NETMVC、C#、EntityFramework表单中的错误解决方案？

下一篇：ASP.NETMVC：Actionlink无法导航到具有相同名称但参数不同的正确操作方法。

相关内容

热门资讯

透视分享"wepok... 透视分享"wepoker辅助器是真的吗"一直存在有辅助软件(哔哩哔哩)1、打开软件启动之后找到中间准...
透视教你"wepok... 透视教你"wepoker作必弊方法"竟然真的是有辅助技巧(哔哩哔哩)wepoker作必弊方法辅助器是...
透视教你"wpk可以... 透视教你"wpk可以作必弊吗"确实真的是有辅助神器(哔哩哔哩)1、超多福利：超高返利，海量正版游戏，...
透视解迷"wepok... 透视解迷"wepoker透视脚本免费使用视频"其实存在有辅助app(哔哩哔哩)1）wepoker透视...
透视总结"拱趴大菠萝... 透视总结"拱趴大菠萝有挂吗"一贯是有辅助攻略(哔哩哔哩)1、让任何用户在无需拱趴大菠萝有挂吗安装教程...
透视解谜"aapok... 透视解谜"aapoker真的假的"一贯存在有辅助方法(哔哩哔哩)1、打开软件启动之后找到中间准星的标...
透视开挂"wpk是真... 透视开挂"wpk是真的还是假的"原来存在有辅助技巧(哔哩哔哩)1、起透看视 wpk是真的还是假的辅助...
透视推荐"wepok... 透视推荐"wepoker透视有用吗"好像有辅助攻略(哔哩哔哩)1、起透看视 wepoker透视有用吗...
透视解密"wepok... 透视解密"wepoker有没有机器人"总是存在有辅助app(哔哩哔哩)亲，关键说明，wepoker有...
为了进一步！广西优乐免费辅助，... 为了进一步！广西优乐免费辅助，pokernow辅助控制（透视）原来有辅助工具（哔哩哔哩）1、为了进一...