移动端两端对齐支持iPhone6

最新推荐文章于 2023-04-25 15:04:37 发布
最新推荐文章于 2023-04-25 15:04:37 发布
阅读量1.4k 收藏
点赞数
分类专栏： 前端 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dunegao/article/details/74445169
版权 
移动端两端对齐支持iPhone6
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            ul {
                list-style: none;
            }
            li {
                border-bottom: 1px solid #333333;
                display: flex;
                padding-top: 14px;
                padding-bottom: 14px;
            }    
            li .text {
                font-size: 28px;
                width: 425px;
                height: 40px;
                text-align: justify;
            }
            /*支持iPhone6的关键伪类*/    
            li .text:after {
                display: inline-block;
                width: 425px;
                content: '';
            }
        </style>
    </head>
    <body>
        <ul>
            <li><span class="text">平安信用卡天天加油88折</span></li>
            <li><span class="text">平安相随-全车人员保障</span></li>
            <li><span class="text">110万元全车人员意外险</span></li>
        </ul>
    </body>
</html>

高振05
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
两端对齐label
04-29
原生的label不好实现两端对齐，二期实现两端对齐也把每个字母分的很开，这个项目我把字母、数字、逗号等视为一个字，汉子为一个字，这样来去绘制两端对齐，你们也可以自己改动一下项目中的一个宏，来设置你们自己想要的格式
css两端对齐IOS不适用 样式冲突
weixin_42543235的博客
05-23 921
问题 <text class="explain" v-html="info.goodsExplain"></text> .explain{ white-space: pre-wrap; //用来换行 display: inline-block; text-align: justify; //用来两端对齐 text-align-last: left; word-break: break-word; } 文本带有换行符，没有带标签。
两端对齐兼容IOS失效
sjp991012的博客
04-25 485
以下样式在**安卓可以两端对齐**；但在**IOS中**右侧会有大量空白，**两端没有对齐**。 网上大部分都是使用**伪类**去兼容IOS两端对齐；但我的项目内容是回显富文本，不适合使用伪类，把`white-space`的属性值`pre-wrap`改为`pre-line`
text-align如何实现两端对齐(兼容IOS版)
帥潔的博客
04-12 1926
text-align-last：justify可实现文字两端对齐，具体看如下图：
iOS 字符串两端对齐
weixin_43883776的博客
04-02 847
有这么个需求 直接上代码 UILabel * uplab = [ViewController normalLabelText:@"身份证号"]; [self.view addSubview:uplab]; uplab.frame = CGRectMake(100, 100, 80, 20); UILabel * downLab = [ViewController normalLabelText:@"姓名"]; [self.view addSubview:downLab]; downLab.fra
移动端/pc字体两边对齐
章鱼no丸子
05-26 2535
这个没啥可写的 css3自带的功能，直接贴代码了<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>justify-test</title> <style> div { width: 200px; height: 200px;
字体两端对齐，兼容ios和安卓系统
HappyCat108的博客
08-11 3217
移动端，字体两端对齐，兼容ios和安卓系统
Android TextView两端对齐解决办法
08-30
主要介绍了Android TextView两端对齐解决办法的相关资料,需要的朋友可以参考下
Android 中的两端对齐实例详解
08-31
主要介绍了Android 中的两端对齐实例详解的相关资料,需要的朋友可以参考下
css文本两端对齐的实现代码
09-22
主要介绍了css文本两端对齐的实现代码,需要的朋友可以参考下
css 文本两端对齐应用实例
01-19
auto :允许浏览器用户代理确定使用的两端对齐法则 inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效 newspaper : 通过增加或减少字或字母之间的...
CSS 文字两端对齐，兼容IOS 苹果、Android 安卓（小程序）
每天进步一点点
04-07 2352
1.效果图 2.样式设置: .label { min-width: 136rpx; text-align-last: justify; text-align: justify; text-justify: inter-ideograph;...
手机端单行文字两端对齐：用css伪类实现
weixin_34113237的博客
07-07 391
今天在做项目的时候碰到这个问题：右侧红线内的小标题单行两端对齐。 两端对齐的css属性我们知道是text-align:justify，但是这个属性有它的局限性：1.display只能为inline或inline-block2.多行文字才能实现两端对齐。也就是说，在现在的情况下，小标题的单行文字仅仅使用text-align:justify...
ios下text-align:justify文本两端对齐失效
沫沫酱
06-10 3092
text-align: justify在当文案只有一行的时候是不会生效的。 解决方案是用text-align-last: justify来修复text-align: justify对最后一行不起作用的问题。 Android还是有一定的支持度的，但是ios就惨了，完全不支持，所以只能改。 分析text-align: justify不生效的原因就是文字在最后一行，所以可以再想要两端对齐的文字前后分别加一个标签，然后把文字挤在不是最后一行的位置上。 .content { width: 100px;/..
手机端设置两端对齐的方式
weixin_33937778的博客
12-01 563
对于类似的两端对齐 认为有如下好方式： 1 父元素设置flex布局（display:flex）子元素左侧设置flex:1 子元素右侧不设置（即auto），左侧的为把剩余的全部占据 2 父元素设置flex布局（display:flex；justify-content:space-between;）子元素不用设置 转载于:https://www.cnblogs.com/Fin...
移动端两端对齐 + 图片宽度自适应
weixin_34018169的博客
04-24 375
自适应四宫格 有这样一张设计稿，左右两边白色间距为4px，中间间距为10px，每一行的两张图是等宽的（即平分去掉间距后的宽度） 有一种方法是和设计师商量，把所有的具体尺寸改为百分比尺寸。。这个布局不太好写的主要原因是，在宽度上，百分比（50%）与实际尺寸（4px 10px）混杂，所以做到宽度自适应的话会有困难。 下面是正经的一种写法： ...
CSS文字两端对齐
热门推荐
止于至善
06-07 1万+
微信小程序—-CSS文字两端对齐 场景—-在微信小程序的表单开发中常遇到 input 的 label 需要进行文字的两端对齐！ 参考：真正可用的CSS文字两端对齐 由于真正可用的CSS文字两端对齐需要放置一个空标签，本人对此处进行了优化处理，利用伪元素 after 代替空标签 span，来实现该效果，同时将两端对齐的样式提成公用样式的 class ，需要时直接使用。 效果...
uilabel 两端对齐
最新发布
08-08
UILabel的两端对齐，即将文字内容根据字间距进行调整，使得文本在UILabel的宽度范围内两端对齐。在iOS开发中，我们可以通过以下方法来实现UILabel的两端对齐： 1. 导入CoreText库 首先，在项目中导入CoreText库，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值