程序员经验分享-hwhale

换行符
未按预期呈现

2023-12-04

知道为什么我的果岭上方有一条细细的灰线吗

and how to get rid of it?

Thanks

https://jsfiddle.net/Lc7gym88/

enter image description here

hr {
  border-bottom: 4px solid #469551;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px !important;
  height: 0;
}

这是因为<hr/>有边框（至少在 Firefox 中是这样）<hr/>具有依赖于浏览器的样式）。

先去掉边框。

hr {
  border: none;
  border-bottom: 4px solid #469551;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px !important;
  height: 0;
}
body {
  background-color: black;
}
<br/>
<hr/>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

换行符
未按预期呈现 的相关文章

  • 设置浏览器窗口最小化的最小尺寸限制？

    有没有办法在所有浏览器中手动设置浏览器窗口的最小尺寸 你可以试试 body min width 600px 一旦视口小于 600 像素 您将得到一个水平滚动条 这仅适用于支持 min width CSS 属性的现代浏览器 我认为不可能限制用

  • 增加数字输入、CSS、HTML 上的向下和向上箭头的大小

    有没有办法利用CSS来增大数字输入框右侧的上下箭头的大小 只是向上和向下箭头 而不是整个输入框 或者至少是按比例的 看这个例子 size 36 font size 36px size 12 font size 12px

  • 动态表单标签宽度的 CSS

    我目前正在重构我们的表单控制器之一 以便我们可以将其用于面向公众的网站 目前它正在为表单生成表格布局 但我正在尝试使用 CSS 表单来完成它 我正在尝试重现看起来像这样的东西http www stylephreak com uploads

  • CSS：水平滚动时背景不存在

    好的 我的背景设置如下 HTML div div CONTENT HERE div div CSS container background url image gif content width 800px margin auto 因此

  • CSS设置默认滚动位置

    有没有办法将滚动位置设置为默认值 我知道如何在 javascript 中做到这一点 例如使用 jquery div divWithScroll attr scrollTop 200 但我只想用CSS来做 我不知道是否可行 不 CSS 中没有

  • div 边框上的内边距

    我想在 css 边框上添加填充 将其拉入 div 内 远离边缘 使用 css 可以吗 css3 很好 webkit 这是设计 我通过将一个 div 放在一个 div 中 然后给内部 div 一个边框来做到这一点 我想让标记尽可能精简 所以如

  • 在 HTML5 中创建可拖动和可缩放的网格

    与其他 HTML5 不同如何创建网格问题 我想知道如何制作一个可拖动且可扩展的 绘制网格非常简单 var c document getElementById canvas var ctx c getContext 2d var width

  • 如何在HTML中的PHP中注释掉HTML和PHP？

    这是我想注释掉的一行代码 h1 class post title a href title a h1 一种流行的注释方法是分别注释 html 和 php 有一个更好的方法吗

  • 调整文本区域大小

    我需要使用文本区域来显示一些文本 问题是 如果我放置 4 5 行文本 就会出现滚动条 如何使用 CSS HTML 使文本区域与其内容一样大 没有滚动条 文本区域不需要动态更改其大小 我仅使用它来显示文本 我也可以使用禁用的文本区域 我希望文

  • HTML5 历史 API

    我如何使用 HTML5 历史 api 我确实经历过https developer mozilla org en DOM Manipulated the browser history https developer mozilla org

  • Modernizr - 加载 polyfills / 使用自定义检测的正确方法

    我想在网页上使用一些新的 HTML5 表单属性和输入类型 有些浏览器已经支持它们 有些浏览器不支持 也永远不会支持 这就是我想使用 Modernizr 的原因 这就是我的麻烦开始的原因 据我了解 Modernizr 本身并不是一个 poly

  • 在网页上的文本框中键入内容时删除所有空格

    我如何在用户打字时即时删除输入到文本框中的空格 function var txt myTextbox var func function txt val txt val replace s g txt keyup func blur fun

  • 为什么需要重置浏览器？

    好吧 我知道这可能不是最好的标题why我们需要重置浏览器 因为浏览器有不同的默认设置 我的问题太长 无法放入标题中 如果每个人 90 的时间都需要使用重置样式表 为什么浏览器需要设置默认样式 无论如何我们都会删除它们 对吗 因为某些规则默认

  • 如何更改 Bootstrap 3 div 列顺序

    正在做我的第一个响应式设计 在 Bootstrap 3 中可能会出现类似的情况 在 lg 上更改此设置 a b c sm 上的这个 a c b 您可以使用两个 div 一个用于第一类型的布置 另一个用于第二类型的布置 第一个仅在 lg 中显

  • 如何延迟加载嵌入在 iframe 上的 YouTube 视频？

    如何将延迟加载应用于iframe嵌入视频 我尝试添加loading eager loading auto and loading lazyload 您可以使用srcdoc你里面的属性iframe标签来加载图像 请参阅以下示例作为参考

  • 在d3.js中将2D形状转换为3D，并根据ANGULAR中的值调整高度

    我正在使用 d3 js v6 创建以下 2D 图表表示的 3D 图表 这个圆圈中有多个正方形 每个正方形都根据值分配了一种颜色 值越大 正方形越暗 现在我想将其转换为 3D 形状 其中当值变高时 只有特定正方形的高度会增加 因此结果在某种程

  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr

  • 我可以停止 :hover 应用于元素吗？

    假设我有一些 CSS button hover font weight bold 我怎样才能防止 hover随意应用样式 我的目标用例是当元素被禁用时 例如 使用这个 HTML

  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t

  • 悬停时为 SVG 制作动画

    我正在尝试在悬停时为 SVG 文件设置动画 默认情况下 它可以使用 svg 函数实现出色的动画效果 例如

随机推荐

  • 按组在data.table中创建新列

    我没有使用 data table 的经验 所以我不知道我的问题是否有解决方案 谷歌上的 30 分钟至少没有给出答案 但就这样了 对于 data frame 我经常使用以下命令来检查唯一值的观察数量 df Obs with df ave v1

  • 将样式文本写入 .docx 文件

    我正在尝试编写一个将文本写入 docx 文件的应用程序 我的应用程序使用 JTextPane 因此用户可以编写他 她想要的任何内容 并且它还提供了许多按钮 例如粗体 字体颜色 字体大小 等 我遇到的问题是在写入 docx 文件时保持 JTe

  • 如果一个帐户有多个邮箱，VBA 选择邮箱

    这是我的要求 我在 OUTLOOK 中配置了多个帐户 1 电子邮件受保护 只有一个邮箱 2 电子邮件受保护 有多个邮箱 在 Unix box Windows Box Mac box 在这里 我的第二个电子邮件帐户有自己的邮箱 并链接到多个邮

  • 获取时对集合中的文档进行排序

    我有一个在 MongoDB 上称为资源的集合 它有以下文件 id Abb e class Resource resourceEmail email protected id Dasd tt class Resource resourceEm

  • 我如何在magento会话中保存数组？

    我想在会话变量中保存一个数组 如何使用 magento 会话来做到这一点 并且该数组应该是可更新的 即 我将在用户执行的不同操作时向该数组添加值 有人可以给我一个提示吗 Thanks 最简单的方法是使用客户会话对象的 setData 方法

  • 如何创建仅存在于 ResourceDictionary 上下文中的样式

    如何创建仅存在于 ResourceDictionary 上下文中但不存在于包含该 ResourceDictionary 的控件上下文中的样式 例如 我希望能够拥有一个如下所示的 ResourceDictionary

  • C++中的文件按修改时间排序

    C 中如何按修改时间对文件进行排序 std sort需要一个比较功能 它以向量作为参数 我想根据修改对文件进行排序 是否已经有比较函数或 API 可用于实现此目的 是的 您可以使用std sort并告诉它使用自定义比较对象 如下所示 inc

  • 课程完成按什么顺序排列其结果？

    示例 我创建一个新单元 声明一个具有多种方法 如构造函数 析构函数 method1 method2 method3 的类 然后按 Ctrl Shift C IDE 自动创建所有方法体 但顺序是混合的 并且与接口部分中声明的顺序不同 现在 这

  • 如何获取csc.exe路径？

    有没有办法获取最新 NET Framework 的 csc exe 路径 该文件通常位于 c Windows Microsoft NET Framework vX X XXX 但问题是可以安装多个版本 同时存在 32 位和 64 位版本 有

  • 论坛标签。实施它们的最佳方法是什么？

    我正在构建一个论坛 我想使用论坛风格的标签来让用户以有限的方式格式化他们的帖子 目前我正在使用正则表达式来执行此操作 根据这个问题 如何使用C 正则表达式模拟论坛标签 问题是正则表达式不区分嵌套标签 以下是我如何实现此方法的示例 publi

  • 来自 asp.net ASHX 页面的 FullCalendar 事件未显示

    我一直在尝试使用以下代码调用 ASHX 页面 将一些事件添加到 fullCalendar 中 页面脚本

  • 如何在 Ruby 中处理组合 []+= 以实现自动激活哈希？

    为了实现 Ruby 哈希的自动激活 可以使用以下类 class AutoHash lt Hash def initialize args super update update index args 0 update args 0 upda

  • 如何将 js 模块导入 TypeScript 文件？

    我有一个量角器项目 其中包含这样一个文件 var FriendCard function card var webElement card var menuButton var serialNumber this getAsWebEleme

  • 定义一个指针来引用相同的变量名引用？

    在 Objective C 中 我真的无法理解这一点 void x x 我的理解是 声明一个泛型指针 因此类型为 void 指针变量名为 x 该指针指向变量的引用 应该已经声明了 但事实并非如此 名为 x 让我很困惑 判断该声明是否成立 v

  • 将 `__getattr__` 方法添加到现有对象实例[重复]

    这个问题在这里已经有答案了 我希望这个工作 import types def new getattr self args kwargs return 2 class A def init self pass a A a getattr ty

  • 使用 rowspan 时 IE 设置行高不起作用

    只是想知道为什么下面的 HTML 不起作用 基本上 当我在表行上设置 rowspan 时 IE 似乎会忽略我设置的高度 table border 1 cellpadding 0 cellspacing 0 width 100 tr td h

  • 如何在 HLSL 中使用巨大数组（错误 X4505）

    当我尝试编译时出现错误 X4505 临时寄存器和可转位临时寄存器的总和超出限制 共 4096 个 然而我的shader确实工作于特效作曲家 它崩溃的原因可能是因为我使用了一个非常大的数组 因为我使用的是行进立方体 const static

  • 如何修复我的 Android Soundboard 应用程序的“Google 移动广告 SDK 初始化不正确”问题

    将 Google 广告横幅添加到我的 Android Studio 项目不起作用 如果有人能帮助我 我将非常非常感激 我只是不明白我做错了什么 我遵循的教程是 https www youtube com watch v w7muIkMYE

  • 在 Android 中创建一个空位图并通过画布进行绘制

    我想创建一个空位图并将画布设置为该位图 然后在位图上绘制任何形状 这可能比您想象的更简单 int w WIDTH PX h HEIGHT PX Bitmap Config conf Bitmap Config ARGB 8888 see o

  • 换行符
    未按预期呈现

    知道为什么我的果岭上方有一条细细的灰线吗 and how to get rid of it Thanks https jsfiddle net Lc7gym88 hr border bottom 4px solid 469551 width

热门标签