html - 如何将此菜单分成两列?
问题描述
我有此图像的以下代码。但我想将产品菜单分成两列。
[vc_row enbale_extend_design_options="yes" vc_custom_design_options_reponsive="%5B%7B%22screen%22%3A%22custom%22%2C%22screen_custom%22%3A%221024%22%2C%22background_image_none%22%3A%22yes%22%7D%5D" css=".vc_custom_1548125627238{padding-top: 25px !important;padding-right: 30px !important;padding-bottom: 150px !important;padding-left: 30px !important;background-image: url(https://tangofabrics.com/wp-content/uploads/2019/01/bgmenu.jpg?id=3081) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-radius: 3px !important;}" responsive_js_composer_custom_id="responsive_js_composer_custom_css_1848579383" el_class="bg-shop"][vc_column offset="vc_col-lg-4 vc_col-md-4" responsive_js_composer_custom_id="responsive_js_composer_custom_css_843216826"][lebe_custommenu style="style-01" title="Discover" menu="discover" custommenu_custom_id="lebe_custom_css_382494862" responsive_js_composer_custom_id="responsive_js_composer_custom_css_1825951247" css=".vc_custom_1548316865456{padding-bottom: 20px !important;}"][/vc_column][vc_column offset="vc_col-lg-4 vc_col-md-4" responsive_js_composer_custom_id="responsive_js_composer_custom_css_1343847516"][lebe_custommenu style="style-01" title="Products" menu="products" custommenu_custom_id="lebe_custom_css_59645647" responsive_js_composer_custom_id="responsive_js_composer_custom_css_16630816" css=".vc_custom_1547603029191{padding-bottom: 20px !important;}][/vc_column][vc_column offset="vc_col-lg-4 vc_col-md-4" responsive_js_composer_custom_id="responsive_js_composer_custom_css_1472824855"][lebe_custommenu style="style-01" title="Whole Sale" menu="whole-sale" custommenu_custom_id="lebe_custom_css_1688727375" responsive_js_composer_custom_id="responsive_js_composer_custom_css_666722841" css=".vc_custom_1547603037530{padding-bottom: 20px !important;}"][/vc_column][/vc_row]
解决方案
您可以在父级上使用 Css 属性“列计数” :
column-count: 2;
推荐阅读
- java - android.support.design.widget.TabLayout$Tab.setIcon(int)' 在一个空对象上
- python - 如何格式化 Pandas / Matplotlib 图表,使 x 轴刻度只有小时和分钟?
- c - 在 C 中将正则表达式匹配转换为整数的最佳方法?
- python - 如何提取单项特征?
- dart - webdev serve 不适用于基本的 AngularDart 项目
- html - 根据屏幕宽度动态放置 html 元素
- typescript - Vue.js 3 和 typescript:“ComponentPublicInstance”类型上不存在属性“$store”
- c# - 尝试获取已修改的 DataGridView 行时出现 NullReferenceException
- python - pandas/numpy 中的灵活功能
- json - 我有来自登录 API 的 json body 响应。我为那个json做了一个模型类。现在如何在我的页面中使用它来获取数据?