如何避免换行填充?

2024-01-09

我对 HTML 最大的抱怨是换行符在元素之间添加了一点空间。 (jsFiddle http://jsfiddle.net/SpeTC/.)

这可能会搞乱子元素大小的布局exactly适合他们的父母。

我在某处读到,您可以通过使用如下注释来删除这种隐式填充 - 同时仍然保持代码清晰易读:

<!--
--><div>Foo</div><!--
--><div>Bar</div><!--
--><div>And so on...</div><!--
-->

这可行,但我觉得必须有更好的解决方案。还有哪些其他方法可以解决换行填充问题?


这不是“一点点空格”,而是字面上的空格字符。您正在使用display: inline-block水平对齐元素,这就是“在线”的工作原理。

如果你想使用inline-block您需要在执行此操作时删除元素之间的空白。

否则,您可以使用其他方法之一来水平对齐,例如浮动或display: table-cell.

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

如何避免换行填充? 的相关文章

  • 您可以将现有的 div 复制到模式对话框吗

    我有一个带有多个面板的仪表板来显示不同的信息 我希望能够添加一个按钮来以模式显示面板 我正在使用引导程序 我所能找到的只是已经编写的模态 我想复制作为面板的 div 标签的内容 然后将其显示在模型中 但我不确定如何进行 该面板的 html
  • 如何强制折断不可折断的字符串?

    我有一个根据数据库中包含的数据生成的 HTML 页面 数据库有时包含浏览器无法分解的长字符串 因为这些字符串不包含可分解的字符 空格 点 逗号等 有没有办法使用 html css 甚至 javascript 来解决这个问题 看到这个link
  • 如何使用 JavaScript 获取元素的填充值?

    我有一个textarea在我的 HTML 中 我需要获取整数或浮点形式的填充数值 以像素为单位 我如何使用 JavaScript 获取它 我没有使用 jQuery 所以我正在寻找纯 JavaScript 解决方案 这将返回padding l
  • AngularJS 在指令运行之前通过 AJAX 检索数据

    我正在使用 AngularUIuiMap http angular ui github com directives map实例化谷歌地图的指令 uiMap 指令非常适合处理硬编码数据 mapOptions and myMarkers 但是
  • 使用 VBA 通过 Access 导航网页/操作 IE

    你好 StackOverflow 社区 我有一个关于使用 Access VBA 操作 IE 的问题 本质上 我正在尝试编写代码 使用 IE 打开特定网页 在该页面中搜索特定链接 目标链接的名称将取决于用户的情况 通过以编程方式单击该链接导航
  • 如何设置 CSS 网格的最大高度

    我有以下 CSS 网格 grid 3x4 display grid grid template columns 1fr 1fr 1fr grid template rows 1fr 1fr 1fr 1fr grid template are
  • 使用画布仅删除文本而不删除图像

    我正在尝试删除画布元素中的文本 而不丢失Background Image of the Canvas Element 我想我需要保存Imagesrc并把它还给Canvas Element之后clearRect 但我不知道该怎么做 我希望有人
  • 增加数字输入、CSS、HTML 上的向下和向上箭头的大小

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

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

    与其他 HTML5 不同如何创建网格问题 我想知道如何制作一个可拖动且可扩展的 绘制网格非常简单 var c document getElementById canvas var ctx c getContext 2d var width
  • 如何使用 a-href 标签链接回文件夹? [复制]

    这个问题在这里已经有答案了 好吧 我在文件夹中有一个页面 该页面称为 jobs html 该文件夹简称为 jobs 它是我的 网站 文件夹的子文件夹 在 main 文件夹的主目录中是我的 home html 文件 当我尝试做的时候 a hr
  • 网站 YouTube 嵌入视频不断播放

    我正在使用 youtube 提供的 iframe 在我的网站上嵌入视频 我还使用了一个 css 弹出窗口 这是我从这个页面学到的http www pat burt com web development how to do a css po
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 如何使用canvas.toDataURL()将画布保存为图像?

    我目前正在构建一个 HTML5 Web 应用程序 Phonegap 本机应用程序 我似乎不知道如何将画布保存为图像canvas toDataURL 有人可以帮我吗 这是代码 有什么问题吗 我的画布被命名为 canvasSignature J
  • 按百分比设置 bootstrap 模态身高

    我正在尝试制作一个带有主体的模态 当内容变得太大时 该主体会滚动 但是 我希望模式能够响应屏幕尺寸 当我将最大高度设置为 40 时 它没有任何效果 但是 如果我将最大高度设置为 400px 它会按预期工作 但不会响应 我确信我只是错过了一些
  • W3C 验证器:“握手警报:unrecognized_name”

    我正在尝试验证我的网站W3C Nu Html 检查器 https validator w3 org nu doc https 3A 2F 2Fwww healthdrop in 2F但我遇到了以下错误 不知道为什么 IO 错误 握手警报 u
  • HTML2canvas 和 Canvas2image,下载的屏幕截图不显示我的 HTML 图像

    我一直在开发一个 HTML 页面 我想将其转换为图像 我一直在使用 html2canvas 和 canvas2image 脚本并采用此代码http jsfiddle net 8ypxW 3 http jsfiddle net 8ypxW 3
  • JavaScript 中数组的 HTML 数据列表值

    我有一个简单的程序 它必须从服务器上的文本文件中获取值 然后将数据列表填充为输入文本字段中的选择 为此 我想要采取的第一步是我想知道如何动态地将 JavaScript 数组用作数据列表选项 我的代码是
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 悬停时为 SVG 制作动画

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

随机推荐

  • 检查输入的字符串是否仅包含 1 和 0

    我正在编写一个将二进制数转换为十进制数的程序 并且我只是一个新手程序员 我一直试图确定输入的字符串是二进制数 这意味着它只包含 1 和 0 到目前为止我的代码是 String num char n Scanner in new Scanne
  • 画布请求动画在滑块输入到 JavaScript 变量时超出框架

    我有一个画布元素 它画了一些线 基于艺术消失点 https en wikipedia org wiki Vanishing point 我正在尝试画一座房子 目前它只是一个盒子 从一个消失点 盒子的大小由delta多变的 如果我手动更改该值
  • 有条件地从文件中逐行读取

    现在我有该代码 if minimizator weighted while dataFile gt gt t gt gt e gt gt sigma read data file value by value some code else
  • 事务无法通过 Task.WhenAll 处理并行命令

    我的 Postgres 数据库中有一些主表 如 Companies 和许多从属表 如 CompanyAddresses CompanyPaymentInfos 等 CREATE TABLE Companies Id uuid NOT NUL
  • 对变量参数 Sass mixins 进行数学运算

    我喜欢使用带有像素后备的 rem 单位来调整 CSS 大小 并尝试制作 mixin 来帮助解决这个问题 对于字体大小 这很简单 mixin font size size font size size px font size size 10
  • 用于旋转器的 Android Kotlin onItemSelectedListener 不起作用

    我有一个带有一些物品 绳子 的旋转器 我想将选定的项目添加到列表中 我在网上读到我应该使用onItemSelectedListener而不是onItemClickListener 我实现了这个 但我不知道如何完成将其添加到列表的步骤 cla
  • 如何使用node在redis中存储二进制对象?

    我试图在 redis 中保存一个二进制对象 然后将其作为图像返回 这是我用来保存数据的代码 var buff new Buffer data data base64 client set key new Buffer data data b
  • 当检查类型样式为复选标记时,iTextSharp 5.5.6 输入十字符号

    这个问题之前被问过 iTextSharp 5 5 6 0 错误 复选框勾选标记更改 https stackoverflow com questions 30203307 itextsharp 5 5 6 0 bug check box ti
  • 避免在 DB Float 列中插入指数值

    我有一张像这样的桌子 CONTACT Name Null Type CONTACT ID NOT NULL NUMBER
  • jquery获取表单值,多种表单

    我的页面上有多个表单 我需要获取提交的表单的值 但没有指定表单 document ready function form submit function return submitForm 并且在 js 文件中 submitForm 应该标
  • 如何从JAVA中的字符串数组列表中创建单引号中的逗号分隔字符串

    我需要 Java 来触发 MS SQL 上的查询 例如 select from customer where customer name in abc xyz pqr 但我的 IN 子句值采用字符串 ArrayList 的形式 例如 列表看
  • 带有 Gradle 应用程序插件的 Kotlin 应用程序

    我正在尝试使用创建一个简单的 HelloWorld 应用程序kotlin gradle 和梯度application插入 当我使用以下设置运行它时 出现以下错误 Error Main method is not static in clas
  • 如何在Python中将\xXY编码字符转换为UTF-8?

    我有一个文本 其中包含 xaf xbe 等字符 据我了解 这个问题 https stackoverflow com questions 889941 which encoding uses the x backslash x prefix
  • 使用 jdbc 连接到 Google Cloud Spanner 模拟器时,需要不需要的凭据

    当我尝试使用 Google Cloud Spanner 开源 JDBC 驱动程序进行连接时 收到以下错误消息 应用程序默认凭据不可用 如果在 Google Compute Engine 中运行 则它们可用 否则 必须定义环境变量 GOOGL
  • 如何在 SQL Server 中创建触发器来阻止特定 IP 地址的登录用户?

    我注意到大量定期从特定 IP 地址使用 SA 帐户进行登录尝试 我想使用 SQL 触发器或其他一些方法来根据用户的 IP 地址阻止这些用户访问数据库 我能够创建一个数据库表来通过一个存储过程收集失败的尝试 我计划安排该存储过程每 10 分钟
  • 合并工作表并在 Excel 中添加列

    我有一个工作表 其中包含多个选项卡 用于标识不同的数据源 我需要将所有工作表合并为一个 并添加一个包含工作表名称的列作为新组合工作表的一部分 我找到了以下代码 如果我剪切 粘贴到我的工作表中 它就像一个魅力 但我有几个这样的工作簿 我必须能
  • 获取 CSS 属性列表

    你好 有没有办法检查 HTML 元素应用了哪些 CSS 属性 我不需要任何浏览器插件 使用 javascript 我想获取 html 元素上设置的所有 CSS 属性的列表 如果那不可能 我总是可以编写 100 行代码并检查每个 css 属性
  • Django Rest Framework - 更新外键

    我对使用 Django Rest Framework 遇到的这个问题感到有点沮丧 我正在使用一个viewset 有一个custom serializer 这个序列化器有它的depth set to 1 当我查询此视图集时 我得到了正确的数据
  • 调用 free 之前检查 NULL

    许多 C 代码释放指针调用 if p free p 但为什么 我认为 C 标准说的是free给定 NULL 指针 函数不会执行任何操作 那么为什么还要进行另一次显式检查呢 构造 free NULL 在 C 中一直没问题 回到 Dennis
  • 如何避免换行填充?

    我对 HTML 最大的抱怨是换行符在元素之间添加了一点空间 jsFiddle http jsfiddle net SpeTC 这可能会搞乱子元素大小的布局exactly适合他们的父母 我在某处读到 您可以通过使用如下注释来删除这种隐式填充