首页 > 其他分享 >【CSS】div宽度由内部文字宽度决定

【CSS】div宽度由内部文字宽度决定

时间:2023-05-24 13:44:45浏览次数:37  
标签:文字 决定 fit 宽度 div CSS

默认 div 的宽度会占满全屏 或由父级决定

使用   width:fit-content; 可以解决

前后对比

前:

后:

 

标签:文字,决定,fit,宽度,div,CSS
From: https://www.cnblogs.com/shirunfeng/p/17428063.html

相关文章

  • vue中使用scss公共变量的方法 :export
    vue中使用scss公共变量的方法:export:https://blog.csdn.net/weixin_44698285/article/details/124051066?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-124051066-blog-125074100.235%5Ev36%5Epc_relevant_def......
  • [css]总结-如何实现水平垂直都居中对齐?
    最后一种方法最简单普通盒子-居中对齐:方式一思路:外面的容器盒子outer让他只有一行.里面元素改为非块元素.因为vertical-align对块元素无效.然后用vertical-align:middle;垂直居中代码实现<!doctypehtml><htmllang="en"><head><metacharset="UTF-8">......
  • 图解LeetCode——662. 二叉树最大宽度(难度:中等)
    一、题目给你一棵二叉树的根节点root,返回树的最大宽度。树的最大宽度是所有层中最大的宽度。每一层的宽度被定义为该层最左和最右的非空节点(即,两个端点)之间的长度。将这个二叉树视作与满二叉树结构相同,两端点间会出现一些延伸到这一层的null节点,这些null节点也计入长......
  • css 中伪类 :not()
    demo<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>testdemo</title&g......
  • css 中 +
    在CSS中,加号(+)是一个相邻兄弟选择器,用于选择指定元素后面满足条件的第一个相邻兄弟元素。demo<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0......
  • 纯CSS实现加载效果
    HTML标签<divclass="loading"><span></span><span></span><span></span><span></span><span></span></div>CSS样式<style>.loading{ width:80px; height:40px; ......
  • 【整理】CSS知识点
    1、=========================================css注释/*这是个注释*/2、=========================================选择器id选择器#para1{}class选择器.center{}p.centerclass为center的所有p元素3、===========......
  • css优先级
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatib......
  • Codeforces Round 862 (Div. 2) A-D
    CodeforcesRound862(Div.2) A.WeNeedtheZerointa[N];voidsolve(){intn=read(),sum;for(inti=1;i<=n;i++){a[i]=read();if(i==1)sum=a[i];elsesum^=a[i];}if(n%2)cout<<sum<<'\n'......
  • CSS表情包好上头,再来一款送我嫣的晚安表情
    晚安好梦我与好友道晚安,喜欢用一个带「晚安做个美梦」文字的表情,因为喜欢这个文字。前面做了一个送花的表情,我有些膨胀了。还有就是,有些豪言壮志,也到了该兑现的时候了。先来摆一摆,对我嫣的那些空口大话。我又要给你整活了,入秋三件套。我应该是可以画出来,等你回京带你去吃真的。送......