span中文本内容有空格会自动换行（某些Android手机）

最新推荐文章于 2022-09-27 16:17:45 发布
最新推荐文章于 2022-09-27 16:17:45 发布
阅读量3.1k 收藏
点赞数
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuxiaoyu334433/article/details/77685062
版权

今天遇到一个坑，测试给我说出现了适配问题，手机型号为华为（HUAWEI C8817E ）和 HTC的某款手机，具体是这样的，一个span，没有设置宽度，float：right，为什么会换行啊，其他的比它长都没换，为啥？



后来看了下，和其他唯一的区别是内容多了一个空格，然后我把空格删掉，确实好了！


于是自己又给他添加了些样式，设置了足够的宽度，text-align：right就解决了问题！至于为什么会换行，鬼知道。解决结果如下图：



行子鱼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android 多行文本换行,Android进阶——或许是处理“More&click”型多行的TextView换行的最优雅的一种方式...
weixin_31935793的博客
05-25 779
引言相信很多Android APP 开发者在处理TextView 换行的时候都曾头痛不已过，尤其是在做复杂布局的时候，适配的时候都踩过不少坑。笔者也踩过，直到在一次查看源码的时候发现了ViewTreeObserver，总算是实现了优雅的格式化多行文本，在使用一个控件的时候抽点时间了解下提供的公共方法，有时候可以避免很多不必要的坑。一、ViewTreeObserver概述ViewTreeObserv...
Android 关于span实际使用中问题的解析和处理
linming_loulan的博客
04-14 1108
关于span实际使用中问题的解析和处理 一、getSpans（） public <T> T[] getSpans(int start, int end, Class<T> type); 该方法返回的是起始位置start到终止位置end范围内的text所包含的所有span格式的span数组，文本包含几个span，数组里就会有几个span，且每个span会有一个特定的i...
span与span之间多了一点空白间隔，是什么原因引起的？有什么解决办法？
cxz
11-03 3294
hello world 产生空白的原因：元素被当成行内元素排版的时候，元素之间的空白符（空格、回车换行等）都会被浏览器转换成一个空白字符，这个字符的大小受font-size影响 上面代码中的span可以明显地看到有间隔，解这几种决办法： 1.去掉换行，将 span 写成一行 2.<span>hello</span><span>world</span> 3.父元素使用 flex 布局： .wrap {display: flex; fle...
android string 换行_Android 仿小红书自定义展开 收起的TextView
weixin_39569076的博客
11-27 231
详解故事是这么开始的，有个产品需求需求，要做一个小红书文本折叠的功能，于是就有了后面一系列的东西。不过实现了之后，自己对 TextView 截取文本也了解了不少，具体效果如下：先总结一下实现的时候需要注意的几个点：显示 “…展开” 时，是截取的一定行数之后，在最后一行的末尾直接显示“收起” 显示在全部文本的下一行，并且是右对齐展开和收起的动画效果第一次看我文章的小伙伴可以关注一下我，顺便关注一下我...
ie下span标签浮动换行的简单解决方法
PageSix的专栏
11-18 3565
        只记录经验心得，不做长篇大论 。你会不会被换行？我要被换行啦~救我      span{               float:right;      }      这时，在ie下日期2010.11.18将会换行。这当然有解决方法。网上有很多讨论span标签浮动换行的文章，最普遍的方法就是将span定义一个width宽度属性，然后再使用display。设置display:inline-block，则span并列在同行，而且width属性生效。其实，还有一种更简单的方法。你只要把span标
div中英文无法自动换行的解决办法
12-11
原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不用的，可以通过CSS实现。 解决...
Android使用StaticLayout实现文本绘制自动换行
08-09
在Android开发中，文本绘制和自动换行是一个常见的需求，特别是在自定义视图或者复杂的UI设计中。`StaticLayout`是Android系统提供的一个类，它主要用于帮助开发者在Canvas上高效地绘制多行文本并实现自动换行。这篇...
div中加入span右对齐后出现换行显示两种解决思路
09-25
div中加入span右对齐后，出现了换行问题，一般思路的话一定是认为通过分开两列，一个align=left,另一个align=right；很是疑惑，于是利用闲暇时间，搜索整理下，晒出来与大家分享，希望可以帮助你们
css给span加float:right右浮动后内容换行下移
09-25
然而，在某些情况下，这可能会导致意想不到的布局问题，比如"span加float:right右浮动后内容换行下移"的问题，这个问题在描述中已经明确指出。 首先，让我们回顾一下上述示例代码： ```html <!DOCTYPE html> ; ...
CSS实现强制不换行、自动换行、强制换行的css代码
09-25
这里我们将详细探讨如何使用CSS实现强制不换行、自动换行以及强制换行，同时也会提及一些相关技巧。 1. **强制不换行** 当你希望某个文本内容在一个容器内不进行换行显示时，可以使用`white-space`属性并将其值...
Android-TextView换行排版混乱-允许设置SpannableString
01-14
解决TextView自动换行的排版混乱 允许设置SpannableString等特殊属性 至繁归于至简
span文字自动换行
wnk1997的博客
09-27 2224
【代码】span文字自动换行。
Android 解决TextView设置文本和富文本SpannableString自动换行留空白问题
01-18 2622
TextView设置文本和富文本换行留白问题效果图对比解决方案 效果图对比 下面是设置普通文本的效果对比图： 下面是设置富文本的效果对比图： 解决方案 重新测量文字宽度，设置换行： private void initAutoSplitTextView() { mTv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
如何解决span元素中间的空格间隙
m0_37643322的博客
09-25 5409
初学html、css的同学是不是遇到过这样一个问题？一对好朋友（两个span元素）之间总是存在间隙。就像下图那样： 一一对不快乐的 span，因为他们中间有了间隙 当我们给span元素添加了内容时，两个相邻的span元素的文字之间有一个间隙，这个间隙其实是一个空格。 那这个空格时怎么来的呢? 首先先来看看我们平时的代码书写习惯吧 <body> <p> <span>舒克</span> <span>贝塔</span> &l
span 换行/不换行-解决
xiaolei168的专栏
06-04 3667
相信很多朋友在设置span里面的内容有背景的时候会遇到如下问题： 1、设为display:block可以解决有背景，但换行，因block属性原因，必会换行 2、不用display:block背景便不会全部显示出来 3、float:left也不好用 4、有的只好用定位，较麻烦 解决办法： 把display设置为：inline-block 元素displa...
p标签实现自动换行
热门推荐
唔厌组的秋秋空间
10-19 4万+
word-break:normal; white-space:pre-warp; word-wrapL:break-word;
span如何换行
weixin_49651654的博客
02-14 5113
style=“display:inline-block;width:90px;word-wrap:break-word;white-space:normal;”
一文讲透Android Span的原理
新一代螺丝工的博客
09-10 1694
在生活中，我们总能看到很多特殊的文本效果，例如文本引用、关键字标红加粗、应用内自定义表情等等。通过 **Span** ，我们可以实现上述这些文字效果。
span标签会自动换行吗
最新发布
04-27
默认情况下，span标签不会自动换行。它会根据其内容的宽度自动调整其宽度，直到达到其父容器的边缘。如果想要让span标签强制换行，可以使用CSS属性`display: block;`或`display: inline-block;`来覆盖默认行为。此外，还可以使用`white-space: pre-wrap;`或`word-wrap: break-word;`来允许在单词之间换行。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值