原文地址: https://www.jeremyjone.com/533/ , 转载请注明。
有时候我们需要展示很多条数据,还要保证每条数据占据一行。但是页面上的宽度有限,为了展示更多的信息,同时还要保证不换行,一不定非要用div
来回嵌套,可以使用ul
和li
的组合轻松完成。
效果图
这样的长文本可以使用横向的滚动条显示全。
代码:
<!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" />
<title>CSS多元素不换行</title>
<style>