前言

最近老师让大家单独写前后端分离项目,真是大家卷完后端,一起去卷前端了。(我以前都是主要负责后端,处于只大致看的懂的级别,说多了都是泪啊)。

真是处于一边学一边写的状态,基本就是每天早上看上两~三小时视频(主要是复习css、js、vue框架),之后开始敲代码。

只有等到晚上回到寝室才有空写写文章,复习和总结一遍。

CSS:vertical-align 属性

vertical-align 属性设置元素的垂直对齐方式。

我们直接用案例来说明:

1)代码:

html代码:

  <div class="box1"><img style="width: 100px; height: 100px;"src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d483b036e58b43e9a0ac93192da02f7d~tplv-k3u1fbpfcp-zoom-crop-mark:1304:1304:1304:734.awebp?">我是博主 宁在春,希望能和大家一起交流学习</div>

css代码

.box1{width: 500px;height: 100px;border: 1px solid green;
}

展示的效果如下:

2)问题:

你会发现这行字并不和图片对齐,而是稍微在图片下方一点。这个点对于我这个新手小白是真的难受,我一开始是拿<span>标签包住,然后再做处理。

然后今天才知道这个vertical-align属性(大伙们不要骂我

「后端小伙伴来学前端了」记录自己的踩坑第一天 | CSS:vertical-align 属性相关推荐

  1. 「后端小伙伴来学前端了」Vue脚手架中 render 函数

    前言 上一篇文章写了:「后端小伙伴来学前端了」分析Vue脚手架结构 简单说明了Vue的脚手架结构,但是上篇文章还欠了个小点没有说完,就在这篇文章中补齐.就是所谓的render函数. 一.main.js ...

  2. 「后端小伙伴来学前端了」Vue中 this.$set的用法 | 可用于修改对象中数组的某一个对象、 可用于更新数据到视图

    夜晚有明月,梦里有佳人 前言 最近在写老师布置的vue项目,真的说实话,每天真就是在百度.google.bing等各个搜索引擎之间反复横跳,不然就是掘金搜一搜.思否搜一搜,还有CSDN看一看.我的前端 ...

  3. 「后端小伙伴来学前端了」Vue中为什么直接安装less-loader会报版本过高错误?你有没有思考过?

    清晨的☀ 前言 我们都知道在 Vue 中并不只有纯正的CSS,还有less.sass等,后面这些,写起来都可以级联着,不需要像原生的css那样,会方便很多. 大家都知道我也是最近写的vue,看见周围人 ...

  4. 「后端小伙伴来学前端了」Vue中学会使用Echarts生成各种各样的图表,得学学了,必须要会的基本操作了

    依旧还是学妹给的封面 直接进入主题-在vue中使用个啥,都差不多是一个流程. 引入Echarts 安装 npm install echarts --save 我们写一个Echarts组件,在内进行引入 ...

  5. 「后端小伙伴来学前端了」CSS3伪元素选择器 ::before ::after | 记录自己的前端学习日子

    写在前面:最近冷空气来临,大家注意保暖,如果有时间,也给许久未见的家人.朋友.那个你想见没去见的人打个冬日的暖心电话吧.别等了,就这次吧. 2021年11月7日,立冬之时 前言 本文适合前端小白,或者 ...

  6. 「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

    前言 学完Vuex方面的操作就该来学学Vue中的路由操作了- xdm冲 一.安装 vue-cli 安装 vue add router 做完这一步基础环境都搭好了. 项目中会多一个 文件夹,内容如下: ...

  7. 「后端小伙伴来学前端了」Vuex进阶操作,让你的代码更加高效(简称如何学会偷懒 【手动狗头】)

    学妹手机里的美照 前言 前一篇写了Vuex基本使用,用起来还稍稍有些繁琐,代码有很多 冗余的地方,这篇就带着大家用更简单的方式来使用Vuex(其实就是怎么更好的偷懒,用更少的代码来完之前的事情) 进入 ...

  8. 「后端小伙伴来学前端了」Vuex 基本使用及案例,快速上手,学会使用vuex

    从好看的学妹那收集的好看照片--

  9. 「后端小伙伴来学前端了」Vuex原理图分析及结合生活案例让大家快速理解

    来自一名超级美的学妹:

最新文章

  1. java 静态代码块_JAVA静态代码块
  2. 面试官 | 如何优雅的设计Java 异常?
  3. 06CRecordView类
  4. wine手动安装wine-mono和wine-gecko组件
  5. php获取文件夹下指定文件名_VBA和Python对对碰,获取文件名称(含子文件夹)
  6. matlab画图常用符号,matlab画图特殊符号
  7. pvcreate出错: Can't open /dev/sdb7 exclusively. Mounted filesystem?
  8. 转录组分析之 Trimming对reads进行处理
  9. [1005]pika 线程不安全
  10. 【要闻】如何基于K8s管理1600个微服务?某数字化银行秘诀公开
  11. 没有50W彩礼 女友被强行拽走! Python分析全国彩礼情况,心凉了!
  12. 基于深度学习和光流的地铁乘客上下车自动检测算法
  13. 武侠中的基本要素(武侠之奥义)
  14. 详解GaussDB(DWS) 资源监控
  15. 张居正-良心与理想-当年明月
  16. 天地图地理编码接口返回403解决方案
  17. 红米redmi X系列和荣耀智慧屏X1哪个好
  18. 将一个字符串首字母转大写(英文)
  19. Latex同时引用多篇文献修改字体/表格/图片/参考文献颜色
  20. linux centos安装远程软件向日葵

热门文章

  1. 隐藏1:N关系和工具
  2. SAP FICO PA 模拟题
  3. 亮眼的财报遇到疫情,阿里的生意会好做吗?
  4. 服务体系总出bug,咸鱼社交挤压,转转的综合性二手电商还好做吗?
  5. 《中国新说唱》怎么就把小众文化唱凉了
  6. java arraylist 源代码_Java中ArrayList源码浅析
  7. python 阿里云短信接口_阿里云短信PythonSDK的用法
  8. java调用接口失败重试,httpclient接口测试中重试控制器设置
  9. 计算机一级c基础知识,计算机一级考试MSOffice基础试题
  10. linux多进程网络实例,Linux下一个单进程并发服务器的实例 使用select