css - 如何将此基于表格的布局转换为使用语义 html 和基于 css 的布局?

标签 css semantic-markup

Layout

在上图中,大部分 html 是语义化的,使用 css 来管理所有内容的外观。尽管我尽了最大的努力,但是,我不得不求助于使用表格来使右侧的部分保持原样,并允许其内部元素在屏幕太大时流畅地包裹,如下所示: Too wide for the browser

我知道如果表格仅用于“表格数据”会更可取,但我从来没有找到一种不使用表格来强制元素执行此操作的好方法。有人解决过这个问题吗?

最佳答案

你试过使用列表项吗?通常在创建菜单元素时,最好使用 UL->LI 而不是 span 或 div

关于css - 如何将此基于表格的布局转换为使用语义 html 和基于 css 的布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3843103/

相关文章:

html - 没有额外 'divs' 的 CSS 布局

html - 语义标记建议

javascript - 如果选中单选按钮更改父背景颜色

html - 固定元素受溢出影响 :hidden Parent

html - 编写标题(h1、h2、h3)标签对 SEO 有何帮助?

html - CSS 网格和语义 HTML

工作流图作为 RDF?

html - 如何使用百分比设置网页样式

html - 将表格内的图像垂直对齐到底部

html - 如何使 Bootstrap 导航栏在移动菜单上下推整个页面?