自动换行后CSS效果消失

秋夜雨微凉 2014-04-15 11:06:30



如图,两层div叠加,要弄成双色字的效果,但是自动换行后就没效果了,谁有什么好的方法解决么?拜托了,找了好几天了


代码如下:



<style>
.a{
position:absolute;
font-size:18px;
color:red;
overflow: hidden;
word-break:break-all;
}
.b {
position:relative;
font-size:18px;
height:9px;
color: blue;
overflow: hidden;
word-break:break-all;
}
</style>
</head>
<body>
<div style="position:relative;">
<div class="a">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
<div class="b">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊拉拉啊啊啊</div>
</div>
</body>
...全文
288 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
秋夜雨微凉 2014-04-15
  • 打赏
  • 举报
回复
引用 1 楼 happy59 的回复:
你是通过设置b的高度来实现效果的,换行后b的高度不变,a高度增加了。 禁止换行,a和b都绝对定位
那该怎么弄好呢?
happy59 2014-04-15
  • 打赏
  • 举报
回复
你是通过设置b的高度来实现效果的,换行后b的高度不变,a高度增加了。 禁止换行,a和b都绝对定位
秋夜雨微凉 2014-04-15
  • 打赏
  • 举报
回复
有人知道怎么实现么,求帮忙啊
秋夜雨微凉 2014-04-15
  • 打赏
  • 举报
回复
引用 1 楼 happy59 的回复:
你是通过设置b的高度来实现效果的,换行后b的高度不变,a高度增加了。 禁止换行,a和b都绝对定位
我想要的效果是可以换行,但也要有同样的双色字效果,应该怎么做?

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧