css中水平选项怎么实现？
就是这种的水平多个选项，多出去鼠标滑动显示的怎么实现？
共有3个答案
外层一个固定的宽度，里面的内容强制不换行，超过后显示滚动条应该就可以了吧。
大概需要的属性有
width: 100%white-spacing: nowrap;overflow-x: auto;
子元素内容可以用 inline、inline-block、inline-flex 之类的，只要不是块级元素，不换行就好了。
将容器旋转-90deg，子元素旋转90deg。
https://stackoverflow.com/questions/18481308/set-mouse-wheel-to-horizontal-scroll-using-css/39573512#39573512
https://segmentfault.com/a/1190000042443056
您可以使用 CSS 的 overflow 属性来实现水平选项的滑动显示效果。以下是一个简单的示例：
HTML 代码：
<div class="slider"> <ul> <li>选项 1</li> <li>选项 2</li> <li>选项 3</li> <!-- 更多选项... --> </ul></div>CSS 代码：
.slider { width: 300px; /* 根据需要调整宽度 */ overflow: hidden; /* 隐藏超出容器的部分 */}.slider ul { list-style-type: none; /* 移除列表前的标记 */ margin: 0; /* 移除默认的边距 */ padding: 0; /* 移除默认的内边距 */ white-space: nowrap; /* 防止元素换行 */}.slider li { display: inline-block; /* 使元素并排显示 */ padding: 10px; /* 根据需要添加内边距 */ background-color: #f5f5f5; /* 根据需要设置背景色 */}这样，当您添加更多的 <li> 元素时，它们将水平排列并超出容器的部分将被隐藏。您可以使用 JavaScript 或 jQuery 来添加交互效果，例如当鼠标悬停在某个选项上时显示更多的信息或触发其他事件。
-
问题内容： 我正在尝试创建一系列只能水平滚动的照片。 它应该看起来像这样的 但是，只有通过指定包含照片的的宽度，才能实现上述目的（因此它们不会“自动换行”）。如果我不放宽- 看起来像这样； 使用CSS可以防止固定宽度的图像发生变化，该怎么办。 谢谢 问题答案： 您可以使用与。这样写：
-
我在stackoverflow上搜索此问题，但找不到任何内容。 我一直在用CSS制作一个下拉菜单。将鼠标悬停在下拉菜单上时，下拉项将水平显示，而不是垂直显示。 HTML CSS 如何垂直获取下拉列表项？
-
问题描述 在做前端样式的时候，被要求开发一个平面圆球里装水，并且要求有水的波纹的效果，没有找到合适的实现方法，我原本是想找echarts里有的样式但是没有找到。 样式截图 就是这个红色箭头里指着的样式 有没有大佬给点思路，或者推荐一下那个echarts图形能做到差不多效果的
-
问题内容： 我正在尝试使用CSS将图像水平居中放置。 我正在使用以下HTML代码在屏幕上显示图像： 我正在裁剪图像，因为我只想显示一些图像，并且正在使用以下CSS： 但是，一旦裁切后，我将无法确定如何居中。 有人能帮忙吗？ 问题答案： 这样使用绝对位置和保证金位置
-
问题内容： 我知道这个问题存在一百万次，但是我找不到解决方案。我有一个div，它应该固定在屏幕上，即使滚动页面，它也应该始终保持在屏幕中间！ 对于所有浏览器尺寸，div应该具有宽度，应该远离顶部（页边距），应该在页面中间水平居中，并且在滚动其余页面时不应移动。 那可能吗？ 问题答案：
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p