首页 > 其他分享 >css垂直居中

css垂直居中

时间:2023-12-21 09:57:41浏览次数:27  
标签:居中 flex center vertical writing 垂直 mode rl css

word-wrap: break-word; /*英文的时候需要加上这句,自动换行*/
/*自测了这句话没啥用*/
writing-mode: vertical-rl; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
writing-mode: tb-rl; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
text-align: center;
padding: 0px;
display: flex;
-webkit-display: flex;
flex-direction: column;
/* align-content: center; */
/* vertical-align: middle; */
justify-content: center;

 

 

标签:居中,flex,center,vertical,writing,垂直,mode,rl,css
From: https://www.cnblogs.com/duixue/p/17918321.html

相关文章

  • css文本换行设置
    文本换行设置word-wrapword-wrap:normal|break-word;normal:默认值,当一行剩余空间无法容纳下一个字(英文是指单词)时,会换行break-word:针对英文的文本,这个值可以让一个单词拆分开来换行。word-breakword-break:normal|break-all|keep-allnormal:不拆分单词......
  • 绝对定位居中
    绝对定位居中设置水平居中先设置子元素左侧移动到水平中心位置left:50%;,再设置margin-left:-40px向左移动40像素;/*绝对定位元素-水平居中*/.top{/*子元素设置绝对定位父元素需要设置相对定位*/position:absolute;/*该盒子在父容器左上......
  • 22个实用的CSS技巧,让你的网站脱颖而出
    想要让你的网站在激烈的竞争中脱颖而出吗?使用CSS的强大功能可以帮助你实现这一目标。本文将分享22个实用的CSS技巧,帮助你提升网站的外观和用户体验。无论你是一个新手还是有经验的开发者,这些技巧都将为你的网站注入新鲜的设计元素和动感效果。自定义字体:通过使用@font-face规则,你可......
  • JS+CSS多行文本显示“更多”
    本代码展示最多显示3行,每行行高16px,3行总高48px,4行总高64px当文本行数大于3行,显示“更多”CSS:#CourseDesc{margin-top:5px;font-size:12px;position:relative;max-height:48px;line-height:16px;overflow:hidden;}#CourseDesc.temp{position:absolute;top......
  • 15.高阶定位-CSS 定位与原生定位
    目录原生定位cssselector定位原生定位官网地址元素属性定位组合定位#ID定位driver.find_element_by_android_uiautomator('\newUiSelector().resourceId("<element-ID>")')#组合定位driver.find_element_by_android_uiautomator('\newUiS......
  • 微信小程序使用iconfont通过transfonter转化成只有css样式的方式
    1.通过iconfont 网站选择对应图表加入购物车,然后添加到自己对应项目中,现在至本地。2.解压下载到本地的文件 3.进入 transfonter 后,点击Addfonts按钮,将上图中红色框中的文件上传上去,勾选启用 Base64encode ,点击Convert按钮,完成后点击下载Download 4.解压转......
  • css3
    目录CSS介绍CSS语法规范css代码风格样式格式书写紧凑格式展开格式样式大小写小写格式(推荐)大写格式样式空格风格css选择器的作用css基础选择器选择器分类标签选择器作用优缺点类选择器语法规范多类名选择器多类名使用方式多类名开发中使用场景id选择器id选择器和类选择器的区别......
  • 42道CSS高频题整理(附答案背诵版)
    1、简述CSS3选择器优先级及计算?CSS的选择器优先级是一个相对复杂的概念,它规定了在一组样式冲突时,哪些样式将被浏览器采纳。选择器优先级是通过一个四位的值来计算的,形式为:[内联样式,ID选择器,类选择器/属性选择器/伪类,元素选择器/伪元素]。这四个等级的优先级从左到右递减,左......
  • CSS transition属性
    在给定的transition属性中,有三个参数:过渡属性、过渡时间和过渡速度曲线。过渡属性:all表示对元素的所有属性进行过渡动画,包括宽度、高度、颜色、位置等。你也可以指定单个属性进行过渡,例如opacity,表示只对透明度进行过渡动画。过渡时间:0.3s表示过渡的持续时间,单位为秒。这......
  • CSS(层叠样式表,Cascading Style Sheets)
    CSS(层叠样式表,CascadingStyleSheets)是一种用于描述文档样式和布局的样式表语言。它可以与HTML结合使用,用于控制网页的外观和格式。以下是CSS的主要特点和一些基本概念:基本概念:选择器(Selectors):选择器是CSS规则的一部分,用于选择要应用样式的HTML元素。例如,p选择器选择所有......