bootstrap-内联文本元素-无用文本

说明

对于没用的文本使用 <s> 标签

示例

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" 
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
crossorigin="anonymous">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn‘t work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  	<div class="container">
  		<s>This line of text is meant to be treated as deleted text.</s>
		<p class="lead">
			This line of text is meant to be treated as deleted text
		</p>
        </div>

        <!-- jQuery (necessary for Bootstrap‘s JavaScript plugins) -->
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" 
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
crossorigin="anonymous"></script>
  </body>
</html>

输出

时间： 2024-12-09 16:01:33

bootstrap-内联文本元素-无用文本的相关文章

什么是块级元素和内联级元素(二)

block(块)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度. ④它可以容纳内联元素和其他块元素 inline元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变 ④内联元素只能容纳文本或者其他内联元素 (中文叫法有多种内联元素.内嵌元素.行内元素.直进式元素). 块元素(block element)和内联元素(inline element)都是

元素分类--内联块状元素(特点:同行, 可设置宽高和边距)

内联块状元素(inline-block)就是同时具备内联元素.块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素. (css2.1新增),<img>.<input>标签就是这种内联块状标签. inline-block 元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高以及顶和底边距都可设置. 示例: <!DOCTYPE HTML> <html> <head> <meta http-equ

内联块状元素

元素分类--内联块状元素内联块状元素(inline-block)就是同时具备内联元素.块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素.(css2.1新增),<img>.<input>标签就是这种内联块状标签. inline-block 元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高以及顶和底边距都可设置. 提示:下一小节是用视频动画来讲解css中的盒模型. 任务任务:我也来试试,仿分页页码设计在右边的代码编辑器中大

顶级、块级、内联,html元素的三大分类

学习html后, 你会了解一些基本的html元素(Element), 如p, h1~h6, br, div, li, ul, img等.如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素. 1. Top-level element [顶级元素]: { html, body, frameset }包括html, body, frameset, 表现如Block-level element, 属于高级块级元素. 2.

Bootstrap内联表单

有时候我们需要将表单的控件都在一行内显示,就需要将表单控件设置成内联块元素(display:inline-block). 在Bootstrap框架中实现这样的表单效果是轻而易举的,你只需要在<form>元素中添加类名“form-inline”即可. <form class="form-inline" role="form"> <div class="form-group"> <label class=&q

内联块状元素说明

内联块状元素(inline-block) 就是同时具备内联元素.块状元素的特点,代码 display:inline-block 就是将元素设置为内联块状元素. (css2.1新增),<img>.<input>标签就是这种内联块状标签. inline-block 元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高以及顶和底边距都可设置.

HTML元素分类:块级元素内联元素和内联块状元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 1,块状元素常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 什么是块级元素?在html中<div>. <p>.<

css块级元素,内联元素,内联块状元素

块元素什么是块级元素?在html中<div><p><h1><form><ul>之类的就是块级元素.设置display:block是就将元素显示为块级元素.如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点. 块级元素特点: 1.每个块级元素都从新的一行开始,并且其后的元素也另起一行. 2.元素的高度,宽度,行高以及顶和底边距都可设置. 3.元素宽度在不设置的情况下,是它本身你窗口的100%(和你元素的宽度一致),除非设定一个宽

20.元素分类--内联块状元素

内联块状元素(inline-block)就是同时具备内联元素.块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素.(css2.1新增),<img>.<input>标签就是这种内联块状标签. inline-block元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高以及顶和底边距都可设置. 提示:下一小节是用视频动画来讲解css中的盒模型.