热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

文字自适应垂直居中问题

假如想让一个自适应浏览器高度的块中的文字垂直自适应居中显示,因为块的具体高度未知,故不能设置line-height。可以在文字上面加一个空的img标签&

假如想让一个自适应浏览器高度的块中的文字垂直自适应居中显示,因为块的具体高度未知,故不能设置line-height。

可以在文字上面加一个空的img标签,让img标签的css样式为vertical-align:middle;让样式找到基线,文字就会居中显示。

转:https://www.cnblogs.com/fsx77/p/6056649.html



推荐阅读
  • Vulnhub DC3 实战记录与分析
    本文记录了在 Vulnhub DC3 靶机上的渗透测试过程,包括漏洞利用、内核提权等关键步骤,并总结了实战经验和教训。 ... [详细]
  • LeetCode 125: 验证回文字符串 (Valid Palindrome)
    本题要求检查给定的字符串是否为回文。在判断过程中,仅考虑字母和数字字符,并且忽略大小写。例如,"A man, a plan, a canal: Panama" 是一个回文。 ... [详细]
  • Vue 实战经验与常见问题总结
    本文总结了 Vue 开发中的一些常见问题和解决方案,包括全局组件的注册、头像显示、背景图路径问题以及 Sass 公用样式的使用方法。 ... [详细]
  • 本文详细介绍了在Mac平台上安装和配置MySQL的步骤,包括下载安装包、卸载MySQL以及解决命令行中找不到mysql命令的问题。 ... [详细]
  • 现在越来越多的人使用IntelliJIDEA,你是否想要一个好看的IDEA主题呢?本篇博客教你如何设置一个美美哒IDEA主题,你也可以根据 ... [详细]
  • Java 基础:抽象类与接口详解
    本文详细介绍了 Java 中的抽象类和接口的概念、声明方式及其主要区别。包括抽象方法的声明、抽象类的特性、接口的实现规则等。 ... [详细]
  • 2019-2020学年 20174325 叶竞蔚 《网络对抗技术》实验六:Metasploit基础应用
    本实验旨在掌握Metasploit框架的基本应用方法,重点学习三种常见的攻击方式及其实施思路。实验内容包括一次主动攻击(如MS08-067)、一次针对浏览器的攻击(如MS11-050)以及一次针对客户端的攻击(如Adobe漏洞利用)。此外,还包括成功应用一个辅助模块。 ... [详细]
  • 本文介绍了如何将两个线性表LA和LB合并为一个线性表LA,并确保LA包含所有唯一元素。此外,还详细讲解了有序线性表的合并方法,确保合并后的线性表LC中的元素按非递减顺序排列。 ... [详细]
  • 2012年中国科学院大学数学分析与高等代数研究生入学考试试题
    本文提供了2012年中国科学院大学数学分析和高等代数研究生入学考试的试题,供考生参考和学习。 ... [详细]
  • 本文介绍了 PHP 的基本概念、服务器与客户端的工作原理,以及 PHP 如何与数据库交互。同时,还涵盖了常见的数据库操作和安全性问题。 ... [详细]
  • SDWebImage第三方库学习
    1、基本使用方法异步下载并缓存-(void)sd_setImageWithURL:(nullableNSURL*)urlNS_REFINED_FOR_SWIFT;使用占位图片& ... [详细]
  • 关于进程的复习:#管道#数据的共享Managerdictlist#进程池#cpu个数1#retmap(func,iterable)#异步自带close和join#所有 ... [详细]
  • WPF MVVM: 动态添加控件与数据绑定的最佳实践
    本文介绍如何在WPF应用程序中使用MVVM模式动态添加控件并进行数据绑定。通过示例展示如何创建一个虚拟键盘,其中包含多个按键。 ... [详细]
  • Python Matplotlib 绘制折线图示例
    本文提供了一个详细的 Python 代码示例,展示如何使用 Matplotlib 库绘制折线图,包括设置图像尺寸、背景色、分辨率、标题、坐标轴标签、刻度、图例和注释等。 ... [详细]
  • 本文介绍了如何在 Lisp in a Box 中进行自定义设置,包括快捷键、行号显示和背景主题等。由于直接在 .emacs 文件中设置无效,需要在特定文件中进行配置。 ... [详细]
author-avatar
artiga靜嵐_524
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有