Bootstrap3 排版-缩略语

当鼠标悬停在缩写和缩写词上时就会显示完整内容，Bootstrap 实现了对 HTML 的 <abbr> 元素的增强样式。缩略语元素带有 title 属性，外观表现为带有较浅的虚线框，鼠标移至上面时会变成带有“问号”的指针。如想看完整的内容可把鼠标悬停在缩略语上, 但需要包含 title 属性。

基本缩略语

如想看完整的内容可把鼠标悬停在缩略语上, 但需要为 <abbr> 元素设置 title属性。

attr

<abbr title="attribute">attr</abbr>

首字母缩略语

为缩略语添加 .initialism 类，可以让 font-size 变得稍微小些。

HTML

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

—–下面有个“顶”字，你懂得O(∩_∩)O哈哈~
—–乐于分享，共同进步！
—–更多文章请看：http://blog.csdn.net/duruiqi_fx

转载于:https://www.cnblogs.com/hainange/p/6153758.html

Bootstrap3 排版-缩略语相关推荐

Bootstrap3 排版之水平对齐
水平对齐为元素应用表示大小写的类,来改变容器中文本的大小写.这些类包括 .text-lowercase..text-uppercase..text-capitalize,分别表示全小写.全大写.首字 ...
Bootstrap3 排版-改变大小写
通过这几个类可以改变文本的大小写. <p class="text-lowercase">Lowercased text.</p> <p class=& ...
Bootstrap3 排版-地址
让联系信息以最接近日常使用的格式呈现.在每行结尾添加可以保留需要的样式. Twitter, Inc. 795 Folsom Ave, Suite 600 San Francisco, CA 9410 ...
html文本显示状态代码中表示什么,HTML文本元素标签
表示关键字和产品名称如:查看效果效果:加粗查看效果表示重要的文字如:查看效果效果:加粗查看效果强制换行如: 查看效果效果:在浏览器显示换行查看效果安全换行,一般只用于英文 ...
vs code 如何在服务器打开文件,本地VSCode编辑远程服务器文件
前言先说下我的场景:服务器搭设了一系列复杂环境,然后需要使用PHP实现某些功能选这种远程编辑的原因: 首先PHP打死我也不想装(这个现在是出了VB外最惹人厌的语言了) 然后环境比较复杂,本地装下比 ...
BootStrap-CSS样式_排版_缩略语
略缩语格式:<abbr title="" class="initialism"></abbr> title:提示所设置略缩语 initi ...
Bootstrap——排版（标题、段落、强调、缩略语、引用）
标题 1.在Bootstrap4中,主要对标题样式做了如下规定: (1)重设上下外边距,margin-top值为0,margin-bottom:0.5rem. (2)固定所有标题行高为line-hei ...
从零开始Bootstrap3
从开发人员的角色编写 bootstrap3 的基础教程,初学者可以按此教程一步一步操作一遍,就可以掌握bootstrap3的基础用法. 目录一.框架搭建 1.1 引入文件 1.2 布局容器 1.3 ...
bootstrap起步全局css样式概览全局css样式_栅格全局css样式_排版
http://www.bootcss.com/基本模板 https://v3.bootcss.com/getting-started/#template bootstrap起步 <!DOCTYP ...

Bootstrap3 排版-缩略语

基本缩略语

首字母缩略语

Bootstrap3 排版-缩略语相关推荐

最新文章

热门文章