HTML 中实现等宽高水平排列的无序列表 - 使用 CSS Flexbox

.box { display: flex; /* 将盒子设置为 flex 布局 */ }

ul { flex: 1; /* 将每个 ul 元素设置为等宽 / margin: 0; / 去掉默认的外边距 / padding: 0; / 去掉默认的内边距 / list-style: none; / 去掉默认的无序列表样式 */ }

通过以上 CSS 代码，我们设置了盒子使用 flex 布局，然后将每个 ul 元素的 flex 属性设置为 1，使它们等宽，并且去掉了默认的外边距、内边距和无序列表样式。这样，四个 ul 元素就可以水平排列，并且等宽了。