竖线 竖杠 | before 伪类 文字前面的竖线跟文字对齐 只能用定位

news2024/12/22 20:22:10

<div class="sub-title">招租相关信息</div>





.sub-title {
  font-size: 16px;
  text-align: left;
  color: #314790;
  font-weight: 700;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}

.sub-title::before {
  content: "";
  background-color: #3796ec;
  width: 3px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  border-radius: 3px;
}

下面是 错误做法:  14号字体时能对齐 ,调整了字体大小 就无法对齐

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1648339.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Go Web 开发 Demo【用户登录、注册、验证】

前言 这篇文章主要是学习怎么用 Go 语言&#xff08;Gin&#xff09;开发Web程序&#xff0c;前端太弱了&#xff0c;得好好补补课&#xff0c;完了再来更新。 1、环境准备 新建项目&#xff0c;生成 go.mod 文件&#xff1a; 出现报错&#xff1a;go: modules disabled by G…

企业为什么要设立首席数据官CDO?

随着数字化时代的来临&#xff0c;数据已经成为企业运营中不可或缺的一部分。在这个数据驱动的世界里&#xff0c;企业需要更加高效、精准地管理和利用数据&#xff0c;以支持业务决策、优化流程、提升客户体验等。为了实现这一目标&#xff0c;越来越多的企业开始设立首席数据…

双输入双输出4-20mA电流环导轨安装隔离器 有源转无源

概述&#xff1a; 导轨安装DIN22 PCL420系列模拟信号隔离放大器IC采用电磁隔离模式和高效能回路窃电技术&#xff0c;有效的解决了电流信号隔离对供电电源的依赖问题&#xff0c;实现了4&#xff5e;20mA标准信号的高精度及高线性度的隔离&#xff1b;产品大大简化了用户的设计…

【GitHub精选项目】高性能QtGUI框架:PinnacleQt_GUI_PySide6_PyQt6

【GitHub精选项目】高性能QtGUI框架&#xff1a;PinnacleQt_GUI_PySide6_PyQt6 前言 随着跨平台桌面应用的需求日益增长&#xff0c;开发者们寻求高效、易于使用的GUI框架来加速开发进程。今天&#xff0c;我们将介绍一个名为 PinnacleQt_GUI_PySide6_PyQt6 的开源项目&#…

LabVIEW数据库访问技术

LabVIEW数据库访问技术 在当前的信息化时代&#xff0c;数据管理与分析在各个领域中起着重要的作用。特别是在工业、科研等领域&#xff0c;对于数据的快速准确获取、处理和分析需求日益增加。LabVIEW作为一种图形化编程语言&#xff0c;以其直观、高效的特点&#xff0c;在自…

组件化开发根组件

目录 一、组件化开发介绍 二、根组件 一、组件化开发介绍 组件化&#xff1a;一个页面可以拆分成一个个组件&#xff0c;每个组件有着自己独立的结构、样式、行为。 好处&#xff1a;便于维护&#xff0c;利于复用&#xff0c;提升开发效率。 二、根组件 组件分类&#xff…

Python Flask框架(一)初识Flask

Flask是使用Python编写的Web微框架。Web框架可以使我们不用关心底层的请求响应处理&#xff0c;更方便高效的编写Web程序。Flask有两个主要依赖&#xff0c;一个是WSGI&#xff08;Web Server Gateway Interface&#xff0c;web服务器网关接口&#xff09;工具集&#xff0c;另…

视频剪辑神器:批量高效处理,轻松锐化视频让影片焕然一新!

视频已经成为我们记录生活、分享故事、展示才华的重要形式。然而&#xff0c;面对大量的视频文件&#xff0c;如何批量高效剪辑并提升视频质量&#xff0c;成为了许多人的难题。现在&#xff0c;我们为您带来一款视频剪辑神器&#xff0c;让您轻松处理视频&#xff0c;让您的影…

代码版本管理:提升团队协作效率的利器

在软件开发过程中&#xff0c;代码版本管理是一个至关重要的环节。它不仅能够有效管理代码的变更历史&#xff0c;还能提高团队协作效率、保证代码质量、降低风险。本文将介绍两种常用的代码版本管理工具&#xff1a;Git 和 Subversion&#xff08;SVN&#xff09;&#xff0c;…

数据库(MySQL)—— 初识和创建用户

数据库&#xff08;MySQL&#xff09;—— 初识 什么是数据库数据库的种类创建用户mysql -h 主机名或IP地址 -u 用户名 -p 登录mysqlSELECT USER(); 查看当前用户切换用户GRANT ALL PRIVILEGES ON 赋予用户权限 REVOKE 撤销权限示例注意事项 MySQL的图形化界面工具查看所有用户…

【SpringBoot】-- 监听容器事件、Bean的前后置事件

目录 一、ApplicationContextInitializer 使用 1、自定义类&#xff0c;实现ApplicationContextInitializer接口 2、在META-INF/spring.factories配置文件中配置自定义类 二、ApplicationListener 使用 1、自定义类&#xff0c;实现ApplicationListener接口 2、在META-…

“40法则”视角下的海外网络安全公司

2015 年知名投资人Brad Feld在他的博客中分享一篇名为《The Rule of 40% For a Healthy SaaS Company》的文章&#xff0c;提出了在评价海外企业软件和互联网公司财务状况时广泛使用的“Rule of 40”。“40法则”仅仅包含两个简单的参数&#xff1a;收入增长率和净利润率&#…

400G光模块产品最全分类解析

随着信息技术的迅猛发展&#xff0c;网络带宽需求不断增加&#xff0c;而400G光模块作为当前最热门的光通信技术之一&#xff0c;正在成为新一代网络的关键组成部分。本文将对400G光模块进行最全面的分类解析&#xff0c;以帮助大家深入了解其技术特点和应用场景。 一、ETU-LI…

CTF-中国蚁剑安装教程

资源目录 github地址&#xff1a; 蚁剑源代码 https://github.com/AntSwordProject 蚁剑加载器 https://github.com/AntSwordProject/AntSword-Loader 下载过程 下载这两个zip包&#xff1a; 给源代码找个空文件夹并解压缩&#xff1a; 打开加速器&#xff0c;使用管理员…

java.util详细讲解和应用

文章目录 java.util核心组件1. 集合框架&#xff08;Collection Framework&#xff09;2. 日期时间API&#xff08;java.time包&#xff09;3. Random 类4. Scanner 类5. Arrays 类6. Collections 类应用实例ArrayList 示例LocalDate 示例Random 示例 7. Iterator&#xff08;迭…

使用sqlmodel实现唯一性校验2,插入之前检查是否已存在

虽然之前添加唯一性校验的方法能够解决数据唯一的问题&#xff0c;但是如果忘了处理异常&#xff0c;则可能会导致程序崩溃。 在此基础上&#xff0c;我们可以在插入数据之前检查该数据是否已存在。 原来的代码&#xff1a; from sqlmodel import Field, Session, SQLModel,…

# Maven 下载安装与配置

Maven 下载安装与配置 一、前言&#xff1a; 1、Maven 简介&#xff1a; Apache Maven是一个&#xff08; 特别是 Java 编程 &#xff09;项目管理及自动构建工具&#xff0c;由 Apache 软件基金会所提供。基于项目对象模型&#xff08; 缩写&#xff1a;POM &#xff09;概念…

【Pytorch】4.torchvision.datasets的使用

什么是torchvision.datasets、 是pytorch官方给出的关于cv领域的训练数据集&#xff0c;我们可以用官方提供的数据集进行学习与训练 如何查看 我们可以进入Pytorch官网 切换一下版本到v0.9.0&#xff0c;就可以看到官方给出的数据集了 同时也有官方训练好的cv模型可以供我们…

华为手机怎么录屏?3个简单方法教会你

随着智能手机的普及&#xff0c;录屏功能已成为许多用户日常操作中的必备工具。华为手机作为市场上的热门品牌&#xff0c;为用户提供了多种录屏方法&#xff0c;以满足不同场景和需求。 那么华为手机怎么录屏&#xff1f;本文将详细介绍3个华为手机的几种录屏方法&#xff0c…

容器Docker:轻量级虚拟化技术解析

引言 随着云计算和虚拟化技术的飞速发展&#xff0c;容器技术以其轻量级、高效、可移植的特性&#xff0c;逐渐成为了软件开发和部署的新宠。在众多容器技术中&#xff0c;Docker以其简单易用、功能强大的特点&#xff0c;赢得了广泛的关注和应用。本文将全面介绍Docker的基本概…