请问如何实现自动一行两列的布局

专注研发ERP低代码开发平台 2020-02-22 05:01:53

请问如何在手机上面实现一行两列的布局，但如果某行两列会造成内容换行的话，那么该行就自动变成一行一列。请问下大家，这个用css可以实现吗？

...全文

455 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2020-02-22

打赏
举报

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
html, body, ul {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
	float: left;
	min-width: 50%;
}

</style>
</head>
<body>
<ul>
	<li>text 01</li>
	<li>text 02</li>
	<li>text 03</li>
	<li>text 04</li>
	<li>text 05aaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
	<li>text 06</li>
	<li>text 07</li>
	<li>text 08</li>
	<li>text 09</li>
	<li>text 10</li>
</ul>

</body>
</html>