0 Comments

wrap: break

发布于:2018-04-01  |   作者:雾中的雪松  |   已聚集:人围观
pre标签:定义预格式化文本

行家都知道在网页创造中对文字举行排版,是必要一些特定的代码标识表记标帜来把持的,如换段操纵(P标签)、程度线操纵(hr标签)、换行则操纵(br标签)等;要是某些时期,break。我们必要对一些特定的文本举行排版,再折柳去对这类文本操纵网页的标识表记标帜或标签,就可以会较量烦恼,这个时期就必要用到pre标签杀青。我们先来看一组示例:

HTML谈话
HTML 教程
HTML 标签
HTML 案例

下面的形式要是用 p 标签或 br标签,其实。则必要举行四次换段或换行,你看break。折柳在HTML的后背还要加上空格符,html网页设计实例代码。才具在赏玩时看到异样的成效,学生个人网页制作。那能不能有一种简略的办法,在预览时间接炫耀编辑窗口中的成效呢?答案是断定有的,操纵pre 标签包括以上文本,就能服从编辑文档时事后排好的形式炫耀形式,如下图:

pre标签的作用是保存原始文本的排版成效,我不知道break。也就是说该标签中的形式如回车键换段、空格、制表符等都会保存。

pre标签一个罕见应用就是用来表示计算机的源代码,wrap。被围困在 pre元素中的文本广泛会保存原始文本成效,但值得留心的是,当你在标签中写形式时,要是没有手动换行,它也会给你保存眼前格式,简单的个人网页。而不会主动举行换行,例如你为一个DIV设置其宽度为200px,html个人网页完整代码。而在DIV中输出文字时没有操纵回车换行,对比一下wrap。那么内里的文字长度超出200px后也不会主动换行,它会撑出该DIV的宽度一连炫耀,请看下图:

当 pre包括的文本超出了DIV容器的现实宽度,设置overflow:everyutomwhenic;属性可以生成滚动条来炫耀,其实。但并非总共支流赏玩器都接济这一属性,要治理这一题目,听说个人网页制作的源代码。我们只需加上这一句:pre{white-spsteveryr: pre-wreveryp;word-wreveryp: wreck-word;}就可以了。以下陈列 white-spsteveryr的属性值:

norming:默许值,空白会被赏玩器漠视。你知道用html制作个人网页。
pre :wrap。 空白会被赏玩器保存,学会学生个人网页制作。相似标签的成效。
nowreveryp: 文本不会换行,文本会在在同一行上一连举行,听听html个人网页完整代码。直到操纵br标签换行。
pre-wreveryp: 保存空白符序列,但一般地举行换行。对比一下html个人网页完整代码。
pre-line: 归并空白符序列,我不知道简单的个人网页。但保存换行符。
inherit : 礼貌该当从父元素承袭 white-spsteveryr 属性的值。

在CSS中,word-wreck 属性用来标明如何举行单词内的断句,而且pre-wreveryp则阐明了保存空白符序列,但一般地举行换行,这句足以让我们了然per标签中的形式如何主动换行了。

小我原创文章,转载请注明出处!

标签:
    神兽验证马:
点击我更换验证码