javascript - 如何在 html/css/js 中呈现跨媒体栏(PS3 UI)

标签 javascript css user-interface user-experience

我想在 html/css/js 中制作一个跨媒体栏,但不知道从哪里开始。我认为自己有能力,但在这种情况下,我还清了债务。

我想做的是: image

如何在 html 中布置我的元素以使其易于在 javascript 中呈现。

选项:

  • 表格:添加行或列时看起来不是很动态
  • Divs:很难在没有固定数字的情况下动态呈现行和列

最佳答案

这种界面对于使用台式机/笔记本电脑的用户来说不是很友好。如果您还想继续:

将 div 与 display: flex 一起使用。

将部分分解为两个平面,即水平条和垂直条。您的垂直条的元素将使用 position:absolute 定位,javascript 将确保它不与水平条相交。

您可以尝试使用像 swiper 这样的库.

可能最好询问您遇到的具体问题或去聊天室

关于javascript - 如何在 html/css/js 中呈现跨媒体栏(PS3 UI),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54016823/

相关文章:

java - 如何将一个类中的文本字段文本显示到另一个类的标签中

javascript - TypeError : selector. 拆分不是 Cypress 的函数

swift - 用于在 Xcode 中实现自定义 UI 设计的资源

java - Swing 重画问题

css - Openlayers 样式化 CSS 功能弹出窗口

javascript - ContentTools - 如何将附加数据从 DIV 传递到有效负载对象,以传递到 POST 数组?

javascript - 为什么我的文字被导航栏遮住了?

javascript - 如何使用 PhantomJS 保存 AJAX 请求的内容

javascript - 删除函数中的子 DOM 元素

javascript - Angular/Javascript 搜索对象键数组