IE7
  • 项目符号或数字显示在 div 之外
  • 2024-04-15

    我遇到了 IE7 列表元素错误的问题。和 的项目符号(或数字)显示在页边距之外。我该如何修复 IE 的这个问题?从我读到的内容来看,在 IE7 li 中指定高度/宽度时这似乎是一个问题。图片可以在这里找到:

    Firefox:

    IE7:

    我有一个带有迈耶重置的样式表。

    #create_request li {
        display: list-item;
        width: 313px;
        height: 23px;
        background-color: #E3E3E3;
        list-style: decimal;
        list-style-position: inside;
        padding-left: 25px;
        padding-top: 5px;
    }
    
    #create_request li.alternate {
        background-color: white;
    
    }
    
    #create_left li:hover {
        width: 356px;
        background: url('/images/list_add.png') 100% 100% no-repeat;
        background-color: #B0B0B0;
        cursor: pointer;
    }
    

    从我读到的内容来看,在 IE7 li 中指定高度/宽度时这似乎是一个问题。

    这是正确的。设置width on <ol>而不是<li>并使用line-height代替height on the <li>.

    #create_request ol {
        width: 313px;
    }
    
    #create_request li {
        line-height: 23px;
        ...
    }
    
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

    IE7
  • 项目符号或数字显示在 div 之外 的相关文章
    • 如何在 Selenium WebDriver 中获取“ul”类的所有“li”元素

      我是 Selenium webdriver 的新手 我遇到了一个要求 我必须运行我的测试 单击一个部分中的所有链接 有人可以帮我解决这个问题的 Java 代码吗 附上一张显示该特定部分的萤火虫属性的图像 我已经尝试了下面的代码 但它返回了一
    • 如何将模糊屏幕设置为整页并在点击页面时转到顶部

      CSS1 有效 parentDisable z index 2000 width 100 height 100 display none position absolute left 0 background url images btra
    • 如何在我的 html 中使用 Flaticon 中的图标?

      我想给我的网站一些图标 现在我看到很多人使用Flaticon这个网站 我所做的就是在 CSS 中添加这样的内容 Font 1 font face font family Flaticon1 src url flaticon1 eot src
    • 如何在 Safari 上打开本地 html 文件?

      我想打开本地 html 文件Safari集成到我的Swift 3应用 我知道如何使用网址来做到这一点 这是我用来执行此操作的代码 let encodedString url addingPercentEncoding withAllowed
    • 使 css nth-child() 只影响可见

      有没有办法用这个CSS只影响可见元素 table grid tr alt nth child odd background ebeff4 table grid tr alt nth child even background ffffff
    • 监听服务响应 JavaScript

      背景 我正在为网页制作 Chrome 扩展程序 在此网页中 我需要捕获用户发出 POST 请求时服务器发送的响应 目前 我们使用观察者模式来检查 HTML 页面上的更改 但这很笨拙并且会触发多次 客观的 我需要捕获该响应 相应地解析其信息
    • 从 Bootstrap 4 网格中删除装订线

      在 Bootstrap 4 中 我被要求自定义桌面的默认网格系统 如下所示 其中 容器 桌面断点为1280px 我尝试过的例子是 body margin top 3rem l wrap max width 1280px margin rig
    • 修复输入字段后,html5 oninvalid 不起作用

      我的表单中有这个输入代码
    • Mobile Safari (iPhone) CSS 垂直居中/行高 CSS 问题

      有一个问题 我一直试图在各个项目中解决 但运气不佳 我有一些divs 内的文本以 CSS 为中心 使用display block and line height 我也尝试过padding和固定的高度 通常 这些设置要么只是标题 要么有时是按
    • 如何翻转 Twitter Bootstrap 的工具提示

      我正在使用 Twitter 的 Bootstrap 来实现工具提示 目前 工具提示显示在链接上方 我希望工具提示出现在链接下方 我该怎么做呢 我正在触发工具提示 它明确指出 底部 但它不想为我工作 tooltip tooltip place
    • 我可以在不同浏览器中获得一致的 CSS 颜色吗?

      我正在测试一个新网站 并且我有一个 div background color bbf6bb 这对我来说似乎无害 然而 在我的 MacBook Pro 上 Firefox 3 6 与 Safari 4 中的颜色看起来非常不同 在 Safari
    • iOS 键盘显示后分屏宽度

      我刚刚开始研究 Cordova 应用程序对分屏多任务处理的支持 到目前为止 该应用程序在模拟器中的 iPad 上显示和调整大小都很好 但是当我单击编辑字段并显示软件键盘时 100 宽度的值开始返回整个屏幕 而不是给出的窗口 初始显示 到目前
    • 在 R Shiny 中,如何使用可排序 js 将其在列表中出现的顺序次数附加到每个列表元素?

      下面的可重现代码适用于将元素从一个面板拖动到另一个面板 并在 拖动到 面板中自动使用 HTML CSS 对拖入的每个元素进行排名顺序编号 但是 我现在尝试附加到每个 拖动到 列表元素的末尾 使用某种形式的paste0 我假设 该元素在 拖至
    • Gmail 和 Google Chrome 12+ 中的“从剪贴板粘贴图像”功能如何工作?

      我注意到一个来自 Google 的博文 http gmailblog blogspot com 2011 06 pasting images into messages just got html其中提到 如果您使用的是最新版本的 Chro
    • Rails 中的 PDF 导出

      我需要将包含一些图表的 HTML 页面导出为 PDF 有哪些好的 gem 可以做到这一点 PDFKit http railscasts com episodes 220 pdfkit http railscasts com episodes
    • CSS 动画自定义属性/变量

      一段时间以来我一直在努力让它发挥作用 关键是内部 div 将具有某种形状 并且可能会不止一个 这就是为什么我使用nth child选择器 这个内部 div 应该显示然后再次隐藏一段时间 问题是 我想在一个动画中为所有 后来的 多个内部 di
    • 媒体查询:如何定位桌面、平板电脑和移动设备?

      我一直在对媒体查询进行一些研究 但我仍然不太明白如何定位特定大小的设备 我希望能够针对台式机 平板电脑和移动设备 我知道会存在一些差异 但如果有一个可用于针对这些设备的通用系统 那就太好了 我发现的一些例子 Mobile only scre
    • iframe 主体删除空间

      我的 iframe 风格为style width 100 几乎覆盖了页面宽度 但它在左侧和右侧留下了一个小边距 所以我添加了body margin 0px 删除空间 它有效 但问题是删除边距影响其他事物 例如段落 p inside 有没有办
    • 优化 CSS 交付 - Google 的建议

      谷歌建议在 head 中使用非常重要的 CSS 内联 并在内部使用其他 CSS
    • 在 selenium webdriver 中打开一个新窗口而不是新选项卡

      当在我的应用程序中手动单击链接时 它会在 Chrome 和 IE 中的新选项卡中打开 但是 当我的脚本运行时 该链接会在 IE 中的新窗口而不是新选项卡中打开 相同的脚本在 Chrome 中按预期运行 知道如何摆脱这个吗 更改 IE 的默认

    随机推荐