标题重写为:如何使列表项与上方的文本对齐?
P粉463840170
P粉463840170 2023-09-09 15:47:47
0
2
511

使用无效的HTML,我可以得到我想要的外观,但使用有效的HTML则不行。是否有CSS可以让我配置

以模拟的效果?

我希望它的外观在左边,有效的HTML在右边。

无效的HTML:

body { margin: auto; padding: 0 5px 0 5px; font-family: Tahoma, Verdana, sans-serif; font-size: 12pt; background-color: black; color: white; }
    颜色代码指南
  • 注释
  • 处理器指令
  • #ifndef name
  • 库包含
  • 用户定义的包含
  • 库函数
  • 初始化函数
  • 用户定义的函数
  • 关键字
  • 重要符号

有效的HTML:

body { margin: auto; padding: 0 5px 0 5px; font-family: Tahoma, Verdana, sans-serif; font-size: 12pt; background-color: black; color: white; }
颜色代码指南
  • 注释
  • 处理器指令
  • #ifndef name
  • 库包含
  • 用户定义的包含
  • 库函数
  • 初始化函数
  • 用户定义的函数
  • 关键字
  • 重要符号

P粉463840170
P粉463840170

全部回复 (2)
P粉447785031

您应该使用开发工具检查用户代理值

例如,TD下的第一个元素是ul或figure。在Chrome中的标准如下:

ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } figure { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; }

因此,如果您想保持figure与ul布局,请在您的样式中添加figure,覆盖破坏布局的属性,并添加所需的属性。

    P粉138871485

    只是添加一些样式来重置默认样式。

    ul { padding: 0; margin: 0; list-style-position: inside; }
    颜色代码指南
    • 注释
    • 处理器指令
    • #ifndef 名称
    • 库包含
    • 用户定义的包含
    • 库函数
    • 初始化函数
    • 用户定义的函数
    • 关键字
    • 重要符号
      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责声明 Sitemap
      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!