把span标签变成block,怎样让这个block元素的宽度自适应span文字的宽度-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

把span标签变成block,怎样让这个block元素的宽度自适应span文字的宽度

把span文字变成block就变成了快级元素，宽度就继承了父类的宽度，但是我想让他还是原来文字的宽度

展开
收起
a123456678 2016-05-27 14:11:24 2131 0
1 条回答
写回答
取消 提交回答
  • a123456678

    display: inline-block;
    把span的width设置成auto，然后加上float属性。

    2019-07-17 19:17:45
    赞同 展开评论 打赏
相关问答
display:block此样式定义后,内联(非块状)元素可以定义宽度和高度吗？
413
1
0
设置了浮动属性的元素总是以块级元素显示的,即使设置了display:inline也没有用，对吗？
356
1
0
去除 inline-block 元素间间距的方法
361
1
0
宽度溢出的图片在属性设置为overflow:hidden的父元素中如何实现水平居中？
2343
1
0
html 表头 thead的position设置 fixed 后字段标题宽度不和内容宽度等宽怎么解决呢？
2931
1
0
把span标签变成block,怎样让这个block元素的宽度自适应span文字的宽度
2426
1
0
在width值与浏览器宽度是固定比例的情况下，css怎么设置div的高恒等于宽？
2638
1
0
flex可以实现中间宽度固定，两边自适应的三列布局吗
5215
1
0
table标签内的td、th如何设置固定宽度，而不是自适应？
9825
1
0
如何只让元素内的文字偏移而不影响元素本身的布局
1598
1
0
问答排行榜
最热
最新
1 通过阿里云代备案系统进行个人快速备案 2688729
2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家 德哥 1686867
3 据说在家办公的程序员是这样写代码的？ 1666013
4 《阿里云服务器从入门到精通》—论坛精华帖汇总 1063388
5 阿里云开放端口权限 684242
6 《阿里云服务器从入门到精通》—论坛精华帖汇总（2013.8.21更新） 596072
7 如何升级配置 533104
8 【精品问答】python技术1000问(1) 508847
9 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 508482
10 Flink Forward Asia 2021 有奖问答 506468
11 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 452213
12 OceanBase 使用动画（持续更新） 354776
13 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 324135
14 OSS存储服务-客户端工具 317689
15 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 296813
16 Win Server 2003-2016 加密勒索事件必打补丁合集 292022
17 为体验实验室取一个新名字。 286710
18 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 277487
19 安全组详解，新手必看教程 274081
20 【史上最详细】阿里云ECS安装wordpress教程 270779
1 serverless云函数创建api时如何调用第三方api 183
2 我想咨询下，rds 无法登录实例，怎么解决？ 153
3 text2video模型生成视频只有2s钟 109
4 JS导致子表公式无法触发，求大神指点 132
5 你会选择云原生数据库吗？ 456
6 请问nginx应用如何使用？我配置而且部署了但没有生效，通过地址访问80和8080端口都不生效？ 101
7 你是怎么使用K8s的？ 593
8 文字生成视频大模型体验，结果一闪而逝 然后网络报错 153
9 这个模型咋用啊 155
10 宜搭 怎样自动选中输入框中的内容，方便后续直接编辑 135
11 函数计算向kafka发送消息超时 怎么解决呢？ 138
12 阿里云有实名认证接口吗？怎么购买阿里云实名认证接口？ 186
13 UniASR语音识别-缅甸语-通用-16k中的词表不对 130
14 子表单组件存放地址，怎样点击跳转 170
15 表单的组件数已达上限 211
16 二维码识别，使用本地图片的方式，返回结果提示：MissingTasks，按照示例，同域名的方式可以 124
17 Seata 目前可以用于生产环境吗？ 107
18 我把函数中配置的vpc 地址改成经典网，超时了，麻烦帮看下要怎么设置使用经典网，不想用vpc [微笑 111
19 106人脸2d关键点创空间之美颜特效 即使给定的例子，大眼基本也没什么效果。有些图瘦脸也效果不明显 101
20 在部署flask项目时（s deploy function --type code)，m2 版本的m 132
推荐问答
乘风问答官招募中！机械键盘免费拿
相关电子书
更多
低代码开发师（初级）实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期：MySQL数据库进阶实战
立即下载