HTML - 如何更改<br>的高度?

文章推薦指數: 80 %
投票人數:10人

没有办法增加换行符的大小,因为它只是一个换行符。

使用可见性设置为隐藏的div(

 ... javascript 使用JavaScript替换字符串的最后一个字符 javascript-Chart.js2.0甜甜圈工具提示百分比 javascript-如何在Chrome中设置DOM断点 Javascript查找json值 javascript-如何修复UncaughtInvalidValueError:setPosition:不是LatLng或LatLngLiteral:在属性lat:不是数字中? javascript-在Socket.i中创建房间 将属性添加到javascript数组 javascript-如何在firebase上执行sql“LIKE”操作? javascript-创建一个
    并根据传递的数组填充它 何时在JavaScript中使用Float32Array而不是Array java 是否可以在运行时通过Java设置环境变量? http状态码403-403禁止使用Java,但不能使用网络浏览器? java-如何在AndroidStudioIDE中找到项目的所有未使用方法? 如何使用Java执行Windows命令-更改网络设置 空安全集合作为Java8中的流 为什么Java的Date.getYear()返回111而不是2011? C++命名空间,与Java包的比较 java-在Android中发出异步HTTP请求是否存在公认的最佳实践? java-级联示例无法编译? java-什么是抽象类和抽象方法? python 网络-使用Python请求衡量网站加载时间 python-如何向熊猫数据框添加额外的行 python-Matplotlib:指定刻度标签的浮点格式 删除字符串中的最后一个路径组件 使用Python进行字符转换(如tr命令) python-非阻塞子进程。

    python-在__main__.py中使用模块自己的对象 网络-在Python中打开套接字的最佳方法 python-为什么type(myField)返回的是>而不返回>? 如何关闭mongodbpython连接? c# 在WCF中缓存? C#开关大小写字符串以 CodeGo.net>如何写在中等信任的Web.Config? C#||运算符不使用可为空的布尔值 衡量代码执行所需时间的最佳方法是什么? 我可以检查变量是否可以强制转换为指定的类型吗? 为什么接口不能指定静态方法? 基于单元测试的类中的ClassInitialize属性未调用 在同一个catch块中捕获两个异常? LINQ内联接vs左联接 android 音频-Android-ICS4.0中的MediaPlayer缓冲区大小 android-如何自行停止服务? 如何使用Shell命令启动Genymotion设备? android-取消有关从多任务平移中删除应用程序的通知 java-如何在AndroidStudioIDE中找到项目的所有未使用方法? android-有关GooglePlay应用程序资产加密的问题 在Android中模拟电池电量不足和内存不足 android-改装-@Body参数不能与表单或多部分编码一起使用 无法合并Dex-AndroidStudio3.0 java-在Android中发出异步HTTP请求是否存在公认的最佳实践? c++ HaskellThrift库在性能方面比C++慢300倍 c++-标准对如何在向量上调用clear改变容量有何看法? 从int到float和b时符号更改 为什么派生的模板类不能访问基本模板类的标识符? 具有模板的C++共享库:未定义符号 构造函数-如何用C++写一个简单的类? C++命名空间,与Java包的比较 如何在VisualStudio2015中使用Clang为Windows编译C++ C++异常类设计 流-更改cin的分隔符(C++) node.js javascript-在Socket.i中创建房间 不使用Jad的Node.js+Express node.js-使用npmlist时“无效”是什么意思? node.js-如何从Redis保存和检索会话 node.js-MongoError:尝试删除集合时找不到ns node.js-如何使用UglifyJS缩小文件夹中的多个Javascript文件? json-将对象传递给节点+express+玉中的客户端? javascript-MissingSchemaError:尚未为模型“User”注册架构 Node.jsExpress。

    适用于bodyPars的大身材 javascript-Node.js请求CERT_HAS_EXPIRED php php-在L中手动注册用户 PHP-日志捕获到的异常 有什么办法可以在PHP中将json转换为xml? php-Laravel邮件:传递字符串而不是vi linux-在PHPCLI中设置max_execution_time PHP-与所有主要提供商实施单点登录的最佳方法? php-贝宝访问-SSL证书:无法获取本地发行者证书 什么因素使PHPUnicode不兼容? 时区-在PHP中将时间和日期从一个时区转换为另一个时区 php-正则表达式的变长lookbehind-assertion替代方法 html html-如何使用图像作为提交按钮? html-针对iframe的Firefox表单正在打开新标签 html-将CSS样式应用于DIV中的所有元素 pdf-如何在HTML中插入分页符,以便wkhtmltopdf对其进行解析? javascript-如何检测div元素中的溢出? html-可以使用关闭跨度吗? CSS-单个元素htm上的多个类 javascript-在[[[http://“]]之前添加一个尚未包含“http://”的URL html-是否可以使用CSS创建此形状(将两个局部圆连接在一起)? html-是否可以在GitHubmarkdown中向图像添加边框? jquery Chrome和Safari中jQueryUI对话框的滚动条问题 jQuery无法与IE11一起使用 jQuery-仅从di删除文本内容 javascript-无法加载资源:net::ERR_CONTENT_LENGTH_MISMATCH ajax-如何使用jquery$.get()发送参数 使用jQuery.animate从右到左为div设置动画? Javascript-如何使用XHRonProgress函数使用压缩/压缩的内容? jQuery,找到父项 如何使用jquery或ajax为MVC项目在c#/asp.net中更新razor部分视图 javascript-Bootstrap3datetimepicker事件未触发 ios 目标c-iOS11大标题导航栏不折叠 目标c-强制iOS应用崩溃的最快方法是什么? iOSPushNotificationBanner一次显示两次 iOS/来自驱动程序的rssi事件过于频繁。

    ios-如何在没有AppleDeveloper帐户的情况下在xcode6中创建ipa? ios-如何在Xcode9上构建Swift3项目? ios-如何滚动到UITableView的确切末端? ios-轻按一下即可打开和关闭UITableViewCell复选标记 ios-警告:尝试在已显示的*上显示*(空) ios-在UIAlertController外部点击时如何关闭UIAlertController? reactjs reactjs-来自的Redux-Form初始值 javascript-如何动态更改ReactJS样式? javascript-在同构React组件中导入CSS文件 javascript-如何使用Redux刷新JWT令牌? javascript-尝试使用React.DOM设置主体样式 reactjs-React16.7-现在不推荐使用React.SFC javascript-未捕获的错误:始终违反:findComponentRoot(...,...$110):无法找到元素。

    这可能意味着DOM被意外地突变了 javascript-ReactNati中需要图像模块出现问题 javascript-如何在React中循环对象? reactjs-ReactRouter4不会更新链接上的视图,但是会刷新 css html-将CSS样式应用于DIV中的所有元素 CSS-display:nonevsvisible:hiddenvstext-indent:9999屏幕阅读器的行为如何? javascript-如何检测div元素中的溢出? html-可以使用关闭跨度吗? css-响应式si上媒体查询的常见断点 CSS-单个元素htm上的多个类 CSS-如何删除按钮上的蓝色“选定”轮廓? html-是否可以使用CSS创建此形状(将两个局部圆连接在一起)? CSS-如何选择多个给定元素的子元素? xss-CSS样式表中的跨站点脚本 .net asp.net-无法使用前导../退出顶层目录 在WCF中缓存? 您可以在解决方案中混合使用.NETFramework版本吗? .net-TransactionScope和多线程 在同一个catch块中捕获两个异常? LINQ内联接vs左联接 c#-最小起订量-如何验证是否通过s设置了属性值 VS2010-如何在第一个compi上自动停止编译 .net-MVC中UIHint属性的用途是什么 .net-使用任务并行库时如何处理所有未处理的异常? git ssh-Git获取/拉/克隆挂在接收对象上 大文件Git gerrit-git(pullvscheckoutvscherrypick)这是做什么用的? 版本控制-git是否忽略空文件夹? 版本控制-Git并在多个分支上工作 我如何将git拉到特定分支? 取消跟踪并停止跟踪gi中的文件 我将如何在Git中编写一个合并前的钩子? 如何获取匹配正则表达式的最后一个Git标签 如何在AndroidStudio中更改git分支 ruby-on-rails rubyonrails-设计:在注册期间禁用密码确认 RubyonRails:比较两个日期的最佳方法? rubyonrails-非持久ActiveRecord模型属性 RubyonRails-rmagick和OSXLion 红宝石-您将Rack中间件文件和需求放在哪里? rubyonrails-如何覆盖form_for帮助器中的类名? 红宝石-Rails3.0中的f.error_messages 如何为Rails迁移定义布尔字段 红宝石-Capistrano和环境变量 rubyonrails-使Flash哈希通过重定向保持不变 sql sql-引用表中没有与外键中的引用列列表匹配的主键或候选键 SQLServer如何处理存储过程中有关事务的语句? sql-在多列上联接 sql-Excel中是否有类似合并的函数? sql-使用什么?查看或临时标签 sql-使用数据库表作为队列 sql-Postgresql左联接json_agg()忽略/删除NULL 多个INNERJOINSQLACCE sql-带WHERE子句的UNION oracle-如何在SQLSELECT语句中使用包常量? c c-*nixselect和exceptfds/errorfds语义 c-为什么访问数组中的元素需要固定的时间? 首页>C#>如何使用不带-l或不遵循libNAME.so命名约定的库的硬编码路径的GCC进行链接? 在C中找到最高位 c-枚举中的元素数 c-结构打包是确定的吗? c-实施VM的教程/资源 编译器降低程序的时间复杂度合法吗?是否认为这是可观察到的行为? c-在.sofi中链接到较旧的符号版本 一次了解C和C++中f()和f(void)之间的区别,然后 ruby ruby-添加和删除参考的Rails迁移 红宝石-在Rsp中测试STDOUT输出 Ruby:模块,要求并包含 如何判断我是从JRuby还是Ruby运行? 红宝石-Rails3.0中的f.error_messages Ruby:继承与类变量一起使用的代码 regex-如何获取字符串中所有出现的Ruby正则表达式的匹配数据? dynamic-动态设置RubyObj的属性 Ruby/RailsCSV解析,UTF-8中无效的字节序列 RubyonRails-警告:引用了顶级常量 string 使用JavaScript替换字符串的最后一个字符 删除字符串中的最后一个路径组件 C#开关大小写字符串以 sqlserver-将动态sql的结果分配给variab 算法-计算给定长度字符串可能的最大运行次数 字符串-任何等效于PadLeft/PadRight的方法? 在JavaScript中比较字符串时,为什么一个字符串比另一个字符串大? 检查字符串是否在C中包含另一个字符串的简单方法? 带新行的JavaScript字符串-但不使用\n .net-Regex.IsMatch与string。

    包含 HTML-如何更改
    的高度? 我有一大段文本,分为
    的分段:

    Blahblahblah.
    Blahblahblah.Blahblahblah.Blahblahblah.
    Blahblahblah.

    我想扩大这些分段之间的差距,比如有两个
    或类似的东西。

    我知道正确的方法是使用line-height,但是现在我无法更改此布局,因此我正在寻找仅限CSS的解决方案。

    我已经尝试设置
    的line-height和height与display:block,我也谷歌搜索和StackOverflow-ed简要,但没有找到任何解决方案。

    这是否可以在不改变布局的情况下实现? html css n1313asked2019-03-01T11:01:32Z 30个解决方案 232votes CSS: br{ display:block; margin:10px0; } 解决方案可能不是跨浏览器兼容的,但它至少是这样的。

    另请考虑设置content: line-height:22px; 对于谷歌浏览器,请考虑设置content: content:""; 除此之外,我认为你坚持使用JavaScript解决方案。

    Durothanswered2019-03-01T11:02:10Z 49votes 以下是实际具有跨浏览器支持的正确解决方案: br{ line-height:150%; } htmldrumanswered2019-03-01T11:02:39Z 35votes 另一种方法是使用HR。

    但是,这是狡猾的部分,让它看不见。

    从而: 使用HR模拟清洁BR断裂:Btw适用于所有浏览器! {height:2px;visibility:hidden;margin-bottom:-1px;} SimonSmithanswered2019-03-01T11:03:33Z 30votes 因此,上面的窥视基本上有类似的答案,但在这里它是非常简洁的。

    适用于Opera,Chrome,Safari和Firefox,很可能也是IE? br{ display:block;/*makesithaveawidth*/ content:"";/*clearsdefaultheight*/ margin-top:0;/*changethistowhateverheightyouwantit*/ } IsaacMinogueanswered2019-03-01T11:03:59Z 24votes 据我所知
    没有高度,它只是强制换行。

    你所拥有的是一个带有一些换行符的文本,除了自动换行符,而不是子段。

    您可以更改行间距,但这会影响所有行。

    MichaelBorgwardtanswered2019-03-01T11:04:27Z 16votes 我刚遇到这个问题,我用它来解决它
nigelanswered2019-03-01T11:04:58Z 12votes 你可以在

元素上应用行高,因此行变大。

yodaanswered2019-03-01T11:05:27Z 6votes 我之前没有尝试过:before/:afterCSS2伪元素,主要是因为它只支持IE8(这与IE浏览器有关)。

这可能是唯一可能的CSS解决方案: br:before{ display:block; margin-top:10px; content:""; } 这是Quirks模式的一个例子。

FilipDupanovićanswered2019-03-01T11:06:13Z 4votes 有趣的是,如果break标记以完整形式写成如下:
那么CSSline-height:145%有效。

如果break标记写为:
or
然后它不起作用,至少在Chrome,IE和Firefox中。

奇怪的! keithphwanswered2019-03-01T11:07:03Z 4votes 并记住(错误)使用


标签建议的地方,将结束

标签,所以忘记该解决方案。

如果f.ex.在

周围设置了一些样式,在插入


之后,其余内容的样式消失了。

nielsanswered2019-03-01T11:07:42Z 3votes 迈克尔和尤达都是对的。

你可以做的是使用
标签,它是一个块标签,使用底边距来偏移下面的块,所以你可以做类似的事情来获得更大的间距:

Ablockoftext.

Anotherblock

另一种方法是使用块
标记,使用该标记可以明确定义间距的高度。

FilipDupanovićanswered2019-03-01T11:08:22Z 3votes 我想到你可以使用: br:after{ content:"."; visibility:hidden; display:block; } 但这对chrome或firefox无效。

我以为我会提到,以防万一发生在其他人身上,我会为他们省去麻烦。

SamLowryanswered2019-03-01T11:09:28Z 3votes 对我来说有用的是在段落标记之间添加这个内联...但不是最好的解决方案。

--------编辑--------- 我遇到了与PC/Mac有关的问题......它给文本提供了新的行高,但没有做换行...你可能想自己做一些测试。

抱歉! robinwkurtzanswered2019-03-01T11:10:23Z 3votes 这是一个适用于IE,Firefox和Chrome的解决方案。

我们的想法是将br元素的字体大小从14px的主体大小增加到18px,并将元素降低4px,这样额外的大小就会低于文本行。

结果是br下方4px的额外空白。

br { font-size:18px; vertical-align:-4px; } DavidShakedanswered2019-03-01T11:10:55Z 3votes br{ content:""; margin:2em; display:block; margin-bottom:-20px; } 适用于Firefox,Chrome和苹果浏览器。

尚未在Explorer中测试过。

(Windows平板电脑无法使用。

) 换行符,字体大小在Firefox和&amp;;苹果浏览器。

DeFliGraanswered2019-03-01T11:11:35Z 2votes
将占用

的文本填充行的空间,您无法更改。

如果你想要更大,这意味着你想要分成段落,所以添加其他

.别忘了成为最能语义的人;) ClementHerremananswered2019-03-01T11:12:06Z 1votes 你也可以使用CSS中的“block-quote”属性。

这将使它不会影响您的单独行,但允许您为段落之间的断点或“块引号”设置参数。

更新:我纠正了。

“blockquote”实际上是一个html属性。

你使用它就像&lt;p>和&lt;/p&gt;围绕你的工作。

然后,您可以在css中设置块报价的参数 blockquote{margin-top:20px} 希望这可以帮助。

它类似于在br上设置参数,可能是也可能不是跨浏览器兼容的。

Jonnanswered2019-03-01T11:13:00Z 1votes 您似乎无法调整BR的高度,但您可以使用display:none使其可靠地消失 在搜索以下解决方案时遇到此页面: 我有一种情况,第三方支付网关(Worldpay)只允许你自定义他们的支付页面,其中最多10k的CSS和HTML(不允许脚本)被注入他们的模板的主体,并在几个BR,FONT标签等之后。

再加上他们的DTD迫使IE7/8进入Quirks模式,这使得跨浏览器的定制尽可能地难以实现! 关闭BR's使事情变得更加一致...... AaronDavidsonanswered2019-03-01T11:13:53Z 1votes 我使用这些方法,但我不知道是否跨浏览器 =================方法1================== br{ display:none; } 要么 =================方法2================== br{ display:block; margin-bottom:2px; font-size:2px; line-height:2px; } br:before{ display:block; margin-top:2px; content:""; } br:after{ content:"."; visibility:hidden; display:block; } 要么 =================方法3================== br:after{content:""} br{content:""} T.Toduaanswered2019-03-01T11:15:11Z 1votes 尝试在包含br标记的p标记上使用CSSline-height属性。

请记住,你可以id你的p标签,如果你想隔离它,尽管使用div隔离,IMO可能更好。

Drizienanswered2019-03-01T11:16:07Z 1votes 对不起,如果其他人已经说过这个,但简单的解决方案是玩你的“线高”。

如果在使用换行符时占用太多空间,那只是因为你的行高设置得太高了。

您可以在CSS中更正此问题(但知道它会影响使用该属性的所有内容),或者您可以使用内联样式来覆盖CSS。

DanielSiddallanswered2019-03-01T11:16:43Z 1votes 使用

Content1
Content2
Content1
Content2 这允许没有任何垂直空间的新线。

这变成了
Content1
Content2 JoshGinnanswered2019-03-01T11:17:59Z 0votes
是换行符。


也适用于换行符,void元素或xhtml可选择“/”。

使用
,浏览器将为两者分别插入两个换行符“虚拟”相同。

没有办法增加换行符的大小,因为它只是一个换行符。

使用可见性设置为隐藏的div()或更好的段落。

dorogzanswered2019-03-01T11:19:38Z 0votes
你必须在内联和每个都这样做元素,但它应该适用于大多数浏览器摆弄线高以获得理想的效果。

如果你在每个元素上内联它,它应该适用于大多数浏览器和电子邮件(但这太复杂了,不能在这里讨论)。

Liamanswered2019-03-01T11:20:42Z 0votes 当我无法从span标签中获得样式间距时,这对我来说很有用: IAgree IDon'tAgree GeneBoanswered2019-03-01T11:21:22Z 0votes 如果目的是在
标记之后添加一些额外的垂直空间,而不破坏逻辑段落,这样的事情就可以解决问题。

它适用于所有浏览器:
这是一个演示页面,其中包含主题的一些其他变体: [http://www.burtonsys.com/a_little_extra_vertical_space_for_br_tag.html] DaveBurtonanswered2019-03-01T11:22:35Z 0votes 为了解决由
标签引起的间距问题,任何登陆这里的人都会回答更一般的问题。

我必须做很多重置才能接近像素完美。

br{ content:""; display:block; } 对于我要解决的具体问题,我必须在这些线之间有一个特定的空间。

我在顶部和底部添加了一个边距。

br{ content:""; display:block; margin:0.25em0; } JGallardoanswered2019-03-01T11:23:18Z 0votes 我通过使用一组解决方案让它在IE7中工作,但主要是像Nigel和其他人所建议的那样将Br包装在DIV中。

添加了Id并在=“server”运行,因此我可以在从复选框行中删除复选框时删除BR。

.narrow{ display:block; margin:0px; line-height:0px; content:""; }
JonReedholmanswered2019-03-01T11:24:00Z 0votes 我不得不开发一个将HTML转换为PDF的解决方案,并将表格单元格中的文本垂直居中,但除了输入平原之外什么都没有用
因此,在框外思考,我通过调整字体大小(以pt为单位)改变了垂直尺寸。


DamirOlejaranswered2019-03-01T11:24:54Z 0votes 可能使用两个br标签是最简单的解决方案,适用于所有浏览器。

但这是重复的。

content



content



content

MiloudEloumrianswered2019-03-01T11:25:30Z translatefromhttps://stackoverflow.com:/questions/1409649/how-to-change-the-height-of-a-br Navigation 友情链接:IT技術知識クイズ» 返回顶部»


請為這篇文章評分?