首页 > 其他分享 >tailwindcss 实现常见样式

tailwindcss 实现常见样式

时间:2023-11-01 22:24:19浏览次数:33  
标签:flex 样式 items 常见 弧度 tailwindcss 800 border red

设置宽高

w-number, h-number

flex 实现水平垂直居中

  • flex设置容器为 flex 容器
  • flex-row / flex-column 设置主轴方向
  • justify-center 设置主轴方向居中,类似还有 justify-start, justify-end
  • items-center 设置交叉轴方向居中,类似还有 items-start, items-end

画 border

border border-red-800

border 表示是否显示
border-red-800 red 表示红色,800 表示不透明度

画弧度

  • rounded 使四个角呈现最小弧度

  • rounged-lg 使四个角呈现最大弧度

  • rounded-full 使整个边框呈现最大弧度

标签:flex,样式,items,常见,弧度,tailwindcss,800,border,red
From: https://www.cnblogs.com/zjy4fun/p/17804260.html

相关文章

  • 常见的linux 命令
    常见的linux命令ifconfig查看系统网络配置pwd查看当前工作目录(printworkingdirectory)mkdir创建文件夹,不能创建文件ll查看当前目录下的文件和文件夹,查看权限等详细信息)cd+相对路径,切换到当前工作目录的下一级目录cd+绝对路径,可以在任意位置切换到任意目录cd..切换到上......
  • Vue动态添加style样式
    最近在用uniapp开发安卓app,由于语法跟vue一致,就梳理了下动态添加style的方法:Object :style="{fontSize:fontSize+'px'}":style="{fontSize:(fontSize?fontSize:'12')+'px'}" Array :style="[baseStyles,otherStyle......
  • less变量书写及样式混入
    定义变量定义混入样式变量及混入样式使用样式文件中  ~@代表src ......
  • 征途架设常见问题如何解决
    做服务器这么久接触到很多征途的客户,他们在架设的时候经常都会出现一些小问题,那么小问题不解决就成大问题,下面跟大家分享一下一些比较常见的问题如何去解决规避。在架设过程中出现的些常见的小问题MYSQL安装后启动不了,总结了下主要就是马虎造成的,不是少了命令,就是少输了标点这类的,......
  • 2023年11月Java面试常见问题
    1.jvm内存模型https://baijiahao.baidu.com/s?id=1709435405507347362&wfr=spider&for=pchttps://baijiahao.baidu.com/s?id=1722629637623477825&wfr=spider&for=pc2.GCROOT都包含什么https://worktile.com/kb/p/37469https://blog.csdn.net/jjclove/article/deta......
  • SQL Server 2012 的优化设置,以下是一些常见的建议和配置选项
    对于SQLServer2012的优化设置,以下是一些常见的建议和配置选项:内存设置:最大内存限制(MaxServerMemory):根据服务器的可用内存和其他应用程序的需求,设置SQLServer实例可以使用的最大内存量。这可以通过SQLServerManagementStudio(SSMS)或sp_configure命令进行配置。......
  • 中小企业选择外贸管理系统有哪些常见误区?
    中小企业基础设施相对薄弱、人员管理松散,选择外贸管理系统是很多管理者的解决方案。选型系统不是一蹴而就的,其中会遇到很多问题甚至进入误区,那么中小企业选择外贸管理系统有哪些常见的误区?本地部署比云服务更安全CRM数据安全是重中之重,系统部署到公司内部是否就能确保数据100%......
  • java poi 导出excel 单元格样式
    CellStylecs=wb.createCellStyle();//设置字体Fontfont=wb.createFont();font.setColor(IndexedColors.BLACK.getIndex());font.setFontHeightInPoints((short)12);font.setBold(true);//字体样式cs.setFont(font1);//边框cs.setBorderLeft(BorderStyle.THIN);......
  • 算法常见题型
    1.跳跃问题(贪心):给定一个非负整数数组,初始位于第一个位置,输出调到最后一个位置的最短步数,跳不出来则输出-1。letnums=[4,3,1,0,2,2,3,2,0,4]console.log(jumpStep(nums))functionjumpStep(nums){letsteps=0,startIndex=0,endIndex=nums[0]letlen=......
  • PMP敏捷管理常见考点
    目录PMP敏捷管理常见考点Scrum框架的33553个角色3个工件5个事件5个价值观《敏捷宣言》四个价值观,十二大原则4大价值观12大原则敏捷相关的名词仆人式领导WIP在制品限制看板XP极限编程计划扑克用户故事优先级排序技术MoScow解聚燃尽图燃起图累积流量图PMP敏捷管理常见考点Scrum框......