社区
CSS
帖子详情
如何使DIV的宽度随里面的文字长度变化,而变化?
baishuijiang5
2007-03-03 07:14:12
一般所说的,自适应就是DIV的默认宽度是100%的浏览器分辨率宽度。
但是,我的问题所讲的不是以上传统的自适应。
问题如下:
我的DIV里面有些文字,多少不定。
我想使DIV的宽度自动随里面的文字总长度变化而变化。DIV的宽度刚好可以显示完所有里面文字。
代码如下:
<div class="frame_top">
<a href="#">显示文字长度是变化的哦</a>
</div>
CSS里头的frame_top该如何写呢?
...全文
3138
3
打赏
收藏
如何使DIV的宽度随里面的文字长度变化,而变化?
一般所说的,自适应就是DIV的默认宽度是100%的浏览器分辨率宽度。 但是,我的问题所讲的不是以上传统的自适应。 问题如下: 我的DIV里面有些文字,多少不定。 我想使DIV的宽度自动随里面的文字总长度变化而变化。DIV的宽度刚好可以显示完所有里面文字。 代码如下: 显示文字长度是变化的哦 CSS里头的frame_top该如何写呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wiwyjj
2008-11-01
打赏
举报
回复
这个问题,还是始终没有解决么?
飘零雾雨
2007-03-03
打赏
举报
回复
.frame_top {display: inline;}
or
.frame_top {float: left;}
孟子E章
2007-03-03
打赏
举报
回复
.frame_top {display:inline;}
手机端多个
div
一行显示宽高相同并且自动适配(纯css)
一帮来说,pc端的静态页一般都是像素为基本单位,基本都是卡尺卡出来的,只要是有耐心,一般没什么大问题 而移动端的对应的终端的屏幕的大小差异太大了,为了适配不同的屏幕这时候就不能以像素px为单位了,更多的是相对的百分比% 一行平均显示两个圆并且宽高相同而且随着屏幕的大小的
变化
进行缩放,一般来说可以这样 一个大
div
中2个小
div
,这两个小
div
宽带是大
div
的50%,高度呢就有些说法了
div
固定
宽度
,当
文字
过长显示不下时,通过横向挤压不改变字体高度显示完整
问题:当字体大小和
div
宽度
都是固定的情况下,
文字
过长就会显示不下。 解决办法:通过css3属性tansform: scaleX(),让
div
横向压缩,呈现出来的就是字体变窄,然后通过调整定位使
文字
在固定
宽度
下完整显示。 实现:用两个
div
嵌套布,外层
div
写固定
宽度
,内层
div
宽度
先自适应,然后用外层的
宽度
除以内层的
宽度
得出要缩放的比例,然后再让内层
div
偏移内层
div
缩放之前的
宽度
减去外层di...
div
根据
div
内
文字
背景图自适应
宽度
div
style="background-image: url('../images/l.png');height:24px;width:4px;float:left;">
div
>
div
style="background-image: url('../images/c.png');height:24
input
宽度
随内容
变化
今天收到一个需求,input的
宽度
随着内容的
变化
而
变化
,最重要的还有最大
宽度
的限制。 然后各种查资料个尝试,做了三个小案例: 一、获取
文字
数量*
文字
宽度
去计算 虽然说这个方法代码量比较少,但是在不同的字体中还是有一定的误差的,所以建议不要使用,但是分享的角度来讲,我还是拿出来写一写。 <input type="text"/><script type="text/javascrip...
css实现
文字
大小随着页面大小
变化
而改变大小
css实现
文字
大小随着页面大小
变化
而改变大小 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html { fon
CSS
61,118
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章