电脑技术网——专业手机电脑知识平台,关注科技、手机、电脑、智能硬件
HTMLCSSHTML5Bootstrap

HTML span标签如何毕竟自动字符串?HTML span标签的用法参阅

2020-02-03 16:38:24 出处:[ 菜菜电脑网 ] 人气:次阅读
本篇文章主要的为大家诉说的是HTML span标签是怎么显然自动十六进制的,讲解了span的七个属性的应用于和简介。接下来我们一起来看这篇文章吧

首先我们参阅的赞许是如何明白让span标签自动空格的,我们先看一下这个例子:

<span style="width:80%;word-break:normal;display:block;white-space:pre-wrap;overflow:hidden;color:#0066CC;">这是随便可以可用的内容;这是随便可以输出的内容;这是随便可以读写的内容;这是随便可以读取的内容;这是随便可以转换成的内容;这是随便可以回传的内容;这是随便可以读取的内容;这是随便可以转换的内容;</span>

HTML span标签的例子阐释:

white-space :通过HTML文档的源代码的打印方式压制页面标示出文本的手写方式

任意: normal | pre | nowrap | pre-wrap | pre-line | inherit

  • normal : 正常无变化(普通用户处理方式.文本自动处理过程十六进制.假如出发容器边界内容都会搬下一行)

  • pre : 始终保持HTML源代码的空格与字串,实质上与pre标签

  • nowrap : 强制执行文本在一行,除非碰到br冒号标签

  • pre-wrap : 同pre属性,但是遇上翻倍容器范围的时候时会自动指针

  • pre-line : 同pre属性,但是相遇年终空格则会被众所周知一个空格

是不是上面代码在浏览器中的辨识:

tuyi.png

如图,上图推测的文本只蚕食了页面的80%,用这个设置自动十六进制感觉还是可以的。

再来看个关于HTML span标签的例子:

<p><span>这只是普通文本</span>这也是普通文本</p>

HTML span标签的例子说明:

如果不对span技术的发展样式,那么span元素中的文本与其他文本一定会任何视觉上的差异。尽管如此,上例中的span元素仍然为p元素降低了额外的结构。

可以为span广泛应用id或class属性,这样既可以减低合理的语义,又便于对span广泛应用样式。

可以对同一个<span>元素应用领域 class 或 id 属性,但是更类似于的情况是只分析方法其中一种。这两者的主要差异是,class 可用元素组(多种不同的元素,或者可以了解为某一类元素),而 id 用以标识单独的唯一的元素。

预设:事实上,您也许已经注意到了,比如“高亮”用作了括弧的橘红色。尽管借助于这种效果的方法非常多,但是我们的举措是:用到“定时”采用span元素,然后对这个span元素的父元素,即p元素分析方法class,这样就可以对这个类的子元素span领域也就是说的样式了。

HTML:

<p class="tip"><span>示意:</span>这里是PHP文本</p>

CSS:

p.tip span {font-weight:bold;color:#ff9955;}

效果图很直观:

tuer.png

【小编力荐】

html p标签是单标签吗?html p标签的可用方法详述(内附实例)

html select下拉框样式怎么制作?html select样式列举如下

以上就是HTML span标签如何做自动字符?HTML span标签的用法简介的简要内容,更多请求重视php中文网其它之外文章!

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

©CopyRight 2008-2020 caicaipc.com Inc All Rights Reserved.
菜菜电脑网 版权所有 联系QQ:173533152