CSS中 能不能给<br/>回车符添加样式?例如margin-bottom:20px
发布网友
发布时间:2022-04-21 03:56
我来回答
共5个回答
热心网友
时间:2022-04-21 05:26
我也遇到你这样的情况了!我给<br>添加样式margin-bottom:20px。也发现只有火狐浏览器有效果。其他浏览器没有效果。手机端的浏览器也没有效果。
你现在解决了吗?
热心网友
时间:2022-04-21 06:44
可以的。下面是多浏览器的兼容代码,你自己琢磨html中br标签在多浏览器下的绘制机制吧。
<!DOCTYPE html>
<html>
<head>
<title>New Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="editplus" />
<meta name="author" content="shawn" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<div style="height:10px;background:#000;overflow:hidden;">sdf</div>
撒旦法
<br clear="all" style="margin-top:20px;display:block; "/>
<br clear="all" style="display:block; "/>
撒旦法
<div style="height:10px;background:#000;overflow:hidden;">sdf</div>
</body>
</html>追问呃,是有效果了,可必须改动页面添加标签吗?那样还得做很多工作。
就像下面这样的结构,没有办法控制了吗?
第一段文字第一段文字第一段文字第一段文字第一段文字
第二段文字第二段文字第二段文字第二段文字第二段文字第二段文字
追答上面的结构,没有办法控制了,除非js控制增加br标签的属性。
因为上面的兼容代码,也是利用了br标签的clear属性,以及其他的原生特性。
前面给到你的兼容代码,也是建立在对多浏览器盒模型理解较深的基础上使用的取巧做法。
并不是常规做法。
热心网友
时间:2022-04-21 08:18
加也没啥意义吧。如果你想让它变高一些,可以写两个<br /><br />,或者是多个
热心网友
时间:2022-04-21 10:10
当然也是可以的,基本上这种html里面的标签很多都是能加样式的。
学习,是指通过阅读、听讲、思考、研究、实践等途径获得知识和技能的过程。学习分为狭义与广义两种:
狭义:通过阅读、听讲、研究、观察、理解、探索、实验、实践等手段获得知识或技能的过程,是一种使个体可以得到持续变化(知识和技能,方法与过程,情感与价值的改善和升华)的行为方式。例如通过学校教育获得知识的过程。
广义:是人在生活过程中,通过获得经验而产生的行为或行为潜能的相对持久为方式。
社会上总会出现一种很奇怪的现象,一些人嘴上埋怨着老板对他不好,工资待遇太低什么的,却忽略了自己本身就是懒懒散散,毫无价值。
自古以来,人们就会说着“因果循环”,这话真不假,你种什么因,就会得到什么果。这就是不好好学习酿成的后果,那么学习有什么重要性呢?
物以类聚人以群分,什么样水平的人,就会处在什么样的环境中。更会渐渐明白自己是什么样的能力。了解自己的能力,交到同水平的朋友,自己个人能力越高,自然朋友质量也越高。
在大多数情况下,学习越好,自身修养也会随着其提升。同样都是有钱人,暴发户摆弄钱财只会让人觉得俗,而真正有知识的人,气质就会很不一样。
高端大气的公司以及产品是万万离不了知识的,只有在知识上不输给别人,才可以在别的地方不输别人。
孩子的教育要从小抓起,家长什么样孩子很大几率会变成什么样。只有将自己的水平提升,才会教育出更好的孩子。而不是一个目光短浅的人。
因为有文化的父母会给孩子带去更多的在成长方面的的帮助,而如果孩子有一个有文化的父母,通常会在未来的道路上,生活得更好,更顺畅。
学习是非常的重要,学习的好坏最终决定朋友的质量、自身修养和后代教育等方面,所以平时在学习中要努力。
热心网友
时间:2022-04-21 12:18
font-family:字体类型,比如:font-family:"宋体“
font-size:字体大小,比如:font-size:20px
font-style:字体样式,比如:font-style:italic
font-align:对齐方式,比如:font-align:center
font-weight:字体粗细,比如:font-weight:bold
color:字体颜色,比如:color:red
CSS中 能不能给<br/>回车符添加样式?例如margin-bottom:20px
当然也是可以的,基本上这种html里面的标签很多都是能加样式的。学习,是指通过阅读、听讲、思考、研究、实践等途径获得知识和技能的过程。学习分为狭义与广义两种:狭义:通过阅读、听讲、研究、观察、理解、探索、实验、实践等手段获得知识或技能的过程,是一种使个体可以得到持续变化(知识和技能,方法与过...
css边框线怎么设置
<style type="text/css34;>box1{width:100px;height:30px;border:5px groove pink;margin-bottom: 5px;}.box2{width:100px;height:30px;border:5px ridge pink;}</style></head><body><div class="box1">3D 凹槽边框</div><div class="box2">垄状边框...
margin-bottom是什么意思?
margin-bottom是CSS中的一个属性,用于设置元素的下外边距,所有主流浏览器都支持 margin-bottom 属性。下面我们就来简单看一下margin-bottom属性的用法。margin-bottom属性的语法如下:margin-bottom:value value可能的值:auto:浏览器计算下外边距。length:规定以具体单位计的下外边距值,比如像素、厘米等...
css 中的li 里面默认的黑色点如何换成红色的,然后圆圈变大
上述样式一般通过取消默认的list标记,然后以图片的形式实现;但是,也可以直接设置li的样式实现,思路是在li标签下嵌套span标签,然后将li的样式设置为红色,字号较大,而span为正常的样式。下面给出后者的实例演示:创建Html元素 <div class="box"><span>通过设置li及其子元素span的不同样式将li默认的...
css样式兼容不同浏览器问题解决办法
兼容代码:兼容最推荐的模式。.submitbutton {float:left;width: 40px;height: 57px;margin-top: 24px;margin-right: 12px;}*html .submitbutton {margin-top: 21px;}*+html .submitbutton {margin-top: 21px;}什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的...
css怎么排除第一个子元素
在前端页面开发中,需要使用css来选择除了第一个之外的子元素,例如希望每个span之间能间隔一定的距离,单不能给每个span设置margin-left,这样会导致第一个span的前面有间距,影响排版。下面就来讲解实现css获取除第一个之外的子元素的多种方法。效果如下:设计坞https://www.wode007.com/sites/73738....
css代码“margin-bottom:5px\0”是什么意思?
照理这是一个无效属性。经测试,也就只有Ie8依然能识别,所以可以说这个是Ie8的一个Css hack.。显示效果为:Margin-bottom:5Px,其它浏览器会忽略这个属性。层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的...
如何用纯CSS3制作进度条
border-bottom-left-radius:5px}4.首先建一个白色的背景 .bar-unfill {height:15px;display:block;background:#fff;width:100%;border-radius:8px}5.定义进度条的样式,先令他的宽度为 100% ,因为这也会应用于定义和未定义的部分。所以在我们的 .bar-fill 的类里,令他的宽度为 0 作为起始...
禁止弹窗中蒙层底部页面跟随滚动的几种方法
优点:简单方便,只需添加css样式,没有复杂的逻辑。缺点:兼容性不好,适用于pc,移动端就尴尬了。部分安卓机型以及safari中,无法无法阻止底部页面滚动。如果需要应用于移动端,那么你可能需要方案二。方案二就是利用移动端的touch事件Touch对象代表一个触点,可以通过event.touches[0]获取,每个触点包含...
Html/CSS关于"text-align"优先级问题.求大神帮忙!!?
骚年,首先我想告诉你,text-align是针对元素里面的文字,并不是针对元素,所以你设置的样式是无效的。要想让hr元素靠左或者靠右需要用margin-left:0px;或者是margin-right:0px;这两个。建议你先把属性弄清楚再去思考你所说的那个优先级的问题。给你个代码,自己去运行看看效果。<!DOCTYPE html><html...