当前博客:求解答 在区块里面的无序列表掉下来了 使用的是栅格布局 但是如果用弹性布局 就不会掉下来

60 次浏览【转载需注明来源】

博客作者:【暗夜】

个性签名:寒窗苦读十年一朝凤舞九天

<区块 类名="lay-流体容器 颜色">
        <区块 类名="lay-容器 顶部导航 lay-栅格行">
            <区块 类名="lay-栅格超小屏1 顶部导航">
               <超链接 链接地址="" ><图片框 图像地址="@文件_F.jpg" 错替文本="网络错误" 类名="logo">
                <标题1 类名="logo2">快码FOF中文编程网</标题1>
                </超链接>
                
                <无序列表>
                    <超链接分组 类名="超分组">
                    <列表项><超链接 链接地址="">支持硬件</超链接></列表项>
                    <列表项><超链接 链接地址="">了解快码</超链接></列表项>
                    <列表项><超链接 链接地址="">文档站</超链接></列表项>
                    <列表项><超链接 链接地址="">学习社区</超链接></列表项>
                    <列表项><超链接 链接地址="">最新教学开班中</超链接></列表项>
                    </超链接分组>
                </无序列表>
            </区块>
        </区块>
        
    </区块>

这个是CSS

.超分组{
    宽度: 487.56px;
    高度: 50px;
    显示模式: 弹性布局;
}
.无序{
    列表-样式-类型: 无效;
    
}

默认排序
Generic placeholder image
Generic placeholder image
编程侠客 Time: 2024-01-31 10:07:58

好像块级元素 试试

Generic placeholder image
qiang Time: 2024-01-31 10:15:12

掉下来是正常的,首先:

你设置了栅格超小屏1,你看我的截图,他整个元素的宽度只有这么宽,你设置弹性布局之所以能行,就是弹性布局没让这里面的元素换行。

把宽度写满之后,还要注意里面的元素是块级元素就会独占一行,建议是跟着教学视频先学一遍。

Generic placeholder image
暗夜 回复 2楼 qiang Time: 2024-01-31 21:33:26

好的  谢谢

Generic placeholder image
暗夜 回复 1楼 编程侠客 Time: 2024-01-31 21:34:03

好的  谢谢你


求解答 在区块里面的无序列表掉下来了 使用的是栅格布局 但是如果用弹性布局 就不会掉下来