p标签中的span标签文字垂直居中对齐

<p>轻舞飞扬<span>第一次亲密接触</span></p>

p标签的font-size：30px;

span标签的font-size：24px;

让span标签垂直居中的方法：

p>span{
  display:inline-block;
  vertical-align:middle;
}

基础知识需要牢记

时间： 2024-10-12 13:14:36

p标签中的span标签文字垂直居中对齐的相关文章

让DIV标签中的P标签水平和垂直都居中

http://blog.csdn.net/yaoyyl/article/details/50548589 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>让DIV标签中的P标签水平和垂直都居中</title> <style type="text/css"> div { width:400px; height:

目录知识点知识点详解 0x01 HTML的主体结构 0x02 HEAD标签中的常用标签知识点 HTML的主体结构 HEAD标签中的常用标签知识点详解 0x01 HTML的主体结构 HTML的主体结构分为两大部分:最顶部声明和HTML标签.其中,HTML标签又包含HEAD与BODY两个标签. <!DOCTYPE html>  <html>  <hea

在div中使用css让文字底部对齐的方法

css对文字的布局上没有靠容器底部对齐的参数,不过我们可以使用position的相对和绝对定位功能轻松实现文字靠近div底部对齐,并且靠近的距离可以调节,精确到像素,在网上搜集到三段代码如下.由www.169it.com 搜集整理代码1: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit

python之body标签中的相关标签2(14)

今日主要内容: 列表标签 <ul>.<ol>.<dl> 表格标签 <table> 表单标签 <fom> 一.列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,"无序列表"的意思. li:list item,"列表项"的意思. 示例: <ul> <li>张三</li&g

body标签中的相关标签1

body内标签级别 body标签内内有三种标签元素级: 块级元素:独占一行,可设置宽高,如果不设置宽度,则为浏览器宽度行内元素:在一行内展示,不能设置宽高,它的宽高根据内容去填充行内块元素:在一行内展示,可以设置宽高 html内所有标签可以分为两种: 文本级标签:p span a b i u em 文本标签内只能放文字,图片,表单元素容器级标签:div h系列 li dt dd 容器级标签里可以放任何东西标签元素级 ** 常见的块级元素: ** 标题 h1~h6 盒子标签 div 段落

HTML之body标签中的相关标签

一字体标签字体标签包含:h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 标题标题使用<h1>至<h6>标签进行定义.<h1>定义最大的标题,<h6>定义最小的标题.具有align属性,属性值可以是:left.center.right. 1 2 3 4 5 6 <h1>路飞学城</h1> <h2&g

网页中head标签中的常用标签总结

常见的<head></head>之间的标签为:meta , title , link , style ,script. 1.meta 标签----name <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. 1.1 Keywords #关键词 <meta name="Keywords" content=""/> 1.2 Description #描述

HTML里为什么不能在<p>标签中嵌套<div>标签

学习过HTML语言的人都应该知道,在HTML里,有分块级元素和内联元素:例如我们常用到的div,o,ul,dl,table,h1...h6等,这些都是块级元素:而像a,b,i,em,img,span等就是内联元素了.在开发过程中,我们避免不了各种元素的嵌套,但是有时候我们在不知不觉中就错误地嵌套元素了.为什么说是不知不觉呢.因为就算我们错误地嵌套了,但是在浏览器中显示的时候,其实是没有区别的.咱们今天就具体地分析为什么不能再<p>里嵌套<div>.希望通过这个例子,大家可以自己去学

zf-关于<ww:iterator /> 标签中的<td /> 标签添加序号问题

一开始代码是这样的那个<ww:if> 标签是我添加的,可是添加之后出问题了. 因为我加了一个判断语句,使得不需要的信息没显示出来,导致#li.count 这个显示下标的方法行不通了之后我又用js这样写: 然后出来的页面是这样的: 原因是:id 只能有一个,如果写在循环里那么就有N个id了,所以86之前的id,都被覆盖了,这里才显示的86. 虽然没实现,但是还是学到了东西,就是要注意的是:这里的js 要写在 td 底下 ,不然无法根据id取到 td几点,会为null的. 后来蒋杰帮我远程,