精华内容
下载资源
问答
  • CSS设置字间距、行间距、首行缩进

    万次阅读 多人点赞 2016-03-05 23:00:54
    **CSS设置字间距、行间距、首行缩进**字间距 1、text-indent设置抬头距离css缩进即对,对应div设置css样式text-indent : 20px; 缩进了20px 2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式即对...

    CSS设置字间距、行间距、首行缩进

    给大家推荐一个吸猫网站:爱猫族http://15cat.com),希望大家喜欢

    字间距

    1、text-indent设置抬头距离css缩进

    即对对应div设置css样式text-indent : 20px; 缩进了20px

    2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式

    即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px

    行间距

    在CSS中,可以设置行间距,格式如下:

    标签名{line-height:参数}

    根据参数不同有3种方法:

    1.用数字参数设置:

    行间距=字号×参数

    2.用单位参数设置:

    行间距=参数

    3.用比例参数设置:

    行间距=字号×参数

    展开全文
  • 间距line-height 行高line-height的值可以为百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。 在文章中,要实现调节设置每行文字字体间距(行距)是使用line-...

    行间距line-height

    行高line-height的值可以为百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。

    在文章中,要实现调节设置每行文字字体间距(行距)是使用line-height属性。

    要使得每行的文字一定的间距距离所以可以通过line-height样式实现。接下来DIVCSS5通过DIV CSS实例实现字体文字上下间距。

    1、对于文章类文字上下排间隔
    一般我们对对象设置设置line-height行高属性即可实现让自动换行文字排版均匀间隔多少设置。

    2、对单排文字上下垂直居中
    假如我们一个固定30px高度div对象,如果要让其文字内容上下垂直居中,我们即可使用line-height:30px即可。

     

    具体效果

    1、为了观察到行距设置效果,新建两个div盒子对象,分别div命名为“.divcss5-a”和“.divcss5-b”。1、div+css实例完整HTML代码:

    
        <!DOCTYPE html> 
        <html> 
        <head> 
        <meta charset="utf-8" /> 
        <title>divcss5 css行间距实例</title> 
        <style> 
        .divcss5-a{ line-height:22px}/* css 注释说明:设置行距行高22px */ 
        .divcss5-b{ line-height:40px}/* 设置行距行高22px */ 
        </style> 
        </head> 
        <body> 
        <div class="divcss5-a"> 
        我被设置行高22px<br /> 
        我行距为22培训<br /> 
        DIVCSS5占位内容 
        </div> 
        <div class="divcss5-b"> 
        我被设置行高40px<br /> 
        我行距为40培训<br /> 
        DIVCSS5占位内容 
        </div> 
        </body> 
        </html> 

    设置了两个盒子分别css行高间隔设置为22px和40px,大家可以复制以上代码进行实践观察效果掌握css设置对象内字体文字上下行间距。掌握设置行间距行高代码是什么。

     

    2、css div行高行间距效果截图

    字体上下行间距css div实例截图
    字体上下行间距css+div实例截图

    3、总结
    要实现上下换行文字行间距行高样式其实我们只用对文字所在对象设置line-height样式即可,一般行距值设置大于14px以上即可,根据css字体大小css行高值不能小于字体值,不然行距设置值比字体大小值小后字体会重叠一部分,形成不兼容效果。

     

    如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r646.shtml

     

    css 字间距CSS字体间距css 字符间距设置案例分析

    接下来我们来介绍下css 字间距,使用css来控制字与字之间距离,也叫css字间距方法。

    使用到的css样式属性单词text-indent抬头距离,letter-spacing字与字间距。

    Css字间距、div css字符间距样式实例

    1、text-indent设置抬头距离css缩进

    即对,对应div设置css样式text-indent : 20px; 缩进了20px

    2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式
    即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px

    以上即是介绍了使用css来设置字间距、字符间距、字体间距、段落开头缩进,分别使用了letter-spacing(间距设置)、text-indent(缩进)两个css属性,以上是div+css网divcss5为你简单通过实例讲解介绍。

    如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r75.shtml

    展开全文
  • 计算label自定义行间距间距,计算自定义行间距间距的高度

    -(CGFloat)getSpaceLabelHeight:(NSString *)str withFont:(UIFont *)font withWidth:(CGFloat)width {

        NSMutableParagraphStyle *paraStyle = [[NSMutableParagraphStyle alloc] init];

        paraStyle.lineBreakMode = NSLineBreakByCharWrapping;

        paraStyle.alignment = NSTextAlignmentLeft;

        paraStyle.lineSpacing = 4;

        paraStyle.hyphenationFactor = 1.0;

        paraStyle.firstLineHeadIndent = 0.0;

        paraStyle.paragraphSpacingBefore = 0.0;

        paraStyle.headIndent = 0;

        paraStyle.tailIndent = 0;

        NSDictionary *dic = @{NSFontAttributeName:font, NSParagraphStyleAttributeName:paraStyle, NSKernAttributeName:@1.0f

                              };

        CGSize size = [str boundingRectWithSize:CGSizeMake(width, 1000) options:NSStringDrawingUsesLineFragmentOrigin attributes:dic context:nil].size;

        return size.height;

    }


    CGFloat heightText = [self getSpaceLabelHeight:articleStr withFont:[UIFont systemFontOfSize:16.0] withWidth:OcToWidth - 10];

                    

        UILabel *lable = [[UILabel alloc] initWithFrame:CGRectMake(5, boomHeight, OcToWidth - 10, heightText)];

        lable.font = [UIFont systemFontOfSize:16.0];

        lable.text = articleStr;

        NSMutableAttributedString *attributedString =  [[NSMutableAttributedString alloc] initWithString:lable.text attributes:@{NSKernAttributeName : @(1.0f)}];

        NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];

        [paragraphStyle setLineSpacing:4];

        [attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, lable.text.length)];

        [lable setAttributedText:attributedString];

        lable.numberOfLines = 0;

         [self.mainScrollview addSubview:lable];



    展开全文
  • TextView设置行间距、行高,以及字间距

    万次阅读 多人点赞 2018-03-15 14:59:13
    设置TextView行间距、行高:Android系统中TextView有默认行间距,但是比较窄有的时候需要我们设置每行行间距。TextView为我们提供了相关设置属性android:lineSpacingExtra或android:lineSpacingMultiplier。在xml...

    一. 设置TextView行间距、行高:

    Android系统中TextView有默认行间距,但是比较窄有的时候需要我们设置每行行间距。

    TextView为我们提供了相关设置属性android:lineSpacingExtra或android:lineSpacingMultiplier。

    在xml文件设置:

    1、android:lineSpacingExtra 设置行间距,如”10dp”。

         表示额外的行间距数值,单位通常为dp,值可以为负数,小数和0。如果值为正数表示增加行间距;如果值为负数表示减少行间距;如果值为0,则没有      变化。

    在java代码中

    2、android:lineSpacingMultiplier 设置行间距的倍数,如”1.5或者2″

         表示行间距的倍数,没有单位,值可以为任意浮点数。如果值大于1.0表示增加行间距,如果值小于1.0表示减少行间距。

    3. android:lineSpacingExtra和android:lineSpacingMultiplier 

         可以在一起对同一个TextView进行设置,同时使用时会先增加android:lineSpacingMultiplier设置的倍数,再加上android:lineSpacingExtra设置的额外间距

    代码示例:

    <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="对Android系统中TextView设置行间距,请看效果"
            android:textColor="#ff00"
            android:lineSpacingExtra="15dp"
            android:lineSpacingMultiplier="3"
            android:textSize="20sp"
            />


    在java文件里进行设置:


    1、setLineSpacing (float add, float mult)

      参数add表示要增加的间距数值,对应android:lineSpacingExtra参数。参数mult表示要增加的间距倍数,对应android:lineSpacingMultiplier参数。

    代码示例:

    TextView tv_textview = (TextView) findViewById(R.id.tv_textview);
    tv_textview.setLineSpacing(15,3);

    效果图:


    二. 设置TextView字间距:

    一般会用android:textScaleX可以设置文字间距,但是它是控制字体水平方向的缩放,即水平方向放大。并不是咱们所需要的字间距的放大

    代码示例:

      <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="对Textview设置行间距,请看效果"
            android:textColor="#ff00"
            android:textSize="20sp"
            />
        <TextView
            android:layout_marginTop="20dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="对Textview设置行间距,请看效果"
            android:textScaleX="2"
            android:textColor="#ff00"
            android:textSize="20sp"
            />
    设置
     android:textScaleX="2"

    我们看下android:textScaleX设置的效果:


    这不是我们所需要的扩大字间距,TextView没有提供相应的方法。既然没有直接的方法,我们可以通过别的方式实现,这儿是通过添加空格来实现的。


    下面提供设置字间距 代码:

    自定义TextView:


    import android.content.Context;
    import android.text.Spannable;
    import android.text.SpannableString;
    import android.text.style.ScaleXSpan;
    import android.util.AttributeSet;
    import android.widget.TextView;
    
    /**
     * Created by shanshan on 2018/3/15.
     */
    
    public class ChangeTextViewSpace extends TextView {
        private float spacing = Spacing.NORMAL;
        private CharSequence originalText = "";
        public ChangeTextViewSpace(Context context) {
            super(context);
        }
        
        public ChangeTextViewSpace(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
        
        public ChangeTextViewSpace(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
        }
    
        /**
         * 获取字间距
         */
        public float getSpacing() {
            return this.spacing;
        }
    
        /**
         * 设置间距
         */
        public void setSpacing(float spacing) {
            this.spacing = spacing;
            applySpacing();
        }
    
        @Override
        public void setText(CharSequence text, BufferType type) {
            originalText = text;
            applySpacing();
        }
    
        @Override
        public CharSequence getText() {
            return originalText;
        }
    
        /**
         * 扩大文字空间
         */
        private void applySpacing() {
            if (this == null || this.originalText == null) return;
            StringBuilder builder = new StringBuilder();
            for (int i = 0; i < originalText.length(); i++) {
                builder.append(originalText.charAt(i));
                if (i + 1 < originalText.length()) {
                    //如果前后都是英文,则不添加空格,防止英文空格太大
                    if (isEnglish(originalText.charAt(i) + "") && isEnglish(originalText.charAt(i + 1) + "")) {
                    } else {
                        // \u00A0 不间断空格 碰见文字追加空格
                        builder.append("\u00A0");
                    }
                }
            }
            // 通过SpannableString类,去设置空格
            SpannableString finalText = new SpannableString(builder.toString());
            // 如果当前TextView内容长度大于1,则进行空格添加
            if (builder.toString().length() > 1) {
                for (int i = 1; i < builder.toString().length(); i += 2) {
                    // ScaleXSpan 基于x轴缩放  按照x轴等比例进行缩放 通过字间距+1除以10进行等比缩放
                    finalText.setSpan(new ScaleXSpan((spacing + 1) / 10), i, i + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                }
            }
            super.setText(finalText, BufferType.SPANNABLE);
        }
    
        public class Spacing {
            public final static float NORMAL = 0;
        }
        /**
         *  判断是否是英语
         */
        public static boolean isEnglish(String charaString) {
            return charaString.matches("^[a-zA-Z]*");
        }
    
    }

    xml文件代码:

     <com.ss.myapplication.ChangeTextViewSpace
            android:id="@+id/tv_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ff00"
            android:textSize="20sp"
            />

    java 文件代码:

     ChangeTextViewSpace changeTextViewSpace = (ChangeTextViewSpace) findViewById(R.id.tv_tv);
     changeTextViewSpace.setSpacing(10);
     changeTextViewSpace.setText("对Textview设置行间距,请看效果");

    注意:这儿setText()调用的是自定义textview的方法,不能在xml文件中设置。

              这儿对英文进行了处理,防止每个字母扩大间距;

    效果图:




    展开全文
  • 间距用android:lineSpacingExtra=”3dp”或者setLineSpacing(float add, float mult) 控制字间距用:android:letterSpacing=”0.2”或者setLetterSpacing(float letterSpacing)
  • 比较方便的多行UILabel 可自定义文字间距,行间距,及段落间距 有这方面需求的可以下来用用,直接导入.h .m文件即可 .h里有使用方法
  • Ubuntu下使用vscode很方便呀,但显示效果不好,间距太小了,字体。 间距太小,见图: 更换种字体解决了!! !!不需要额外安装别的字体,因为我就喜欢Consolas(自带) 操作 进入setting ,然后找到font-family...
  • CSS设置行间距和字间距

    万次阅读 2019-08-18 22:12:19
    CSS设置行间距 在CSS中通过line-height属性来实现行间距的设置,line-height的值表示的是两行文字之间基线的距离。 文字的基线,指的是如果给文字加上下划线,那么上下划线就是文字的基线。 Line-height的值设置为...
  • HTML 文字行间距与文字间距属性

    万次阅读 2018-05-21 16:44:24
    文字行间距属性: line-height:18px; 文字间距属性: letter-spacing:1px;
  • 根据要显示字体的多少,行间距,字间距的调整,计算出lable总的高度的方法,此demo简单易懂
  • 注:测试浏览器版本号——chrome 75.0.3770.80;opera 60.0.3255.109;firefox 67.0;...1 字母间距字母间距,顾名思义就是字母之间的间距。这个通常用于全大写英文标题。我们使用letter-spacing来设置。以...
  • word中突然有一行文字间距特别大,怎么改都不行?这是自动调整。更改设置。或者你可以限制固定的单词间距。word文档中,每个文字间距有一个空格,怎么清除?要清除word文档中每个文本之间的空格,请以word2003为例。...
  • 1、行间距 Android TextView 设置行间距的相对来说比较简单,可以通过设置TextView的android:lineSpacingExtra或android:lineSpacingMultiplier来达到你希望看到的结果。 android:lineSpacingExtra 设置行间距 ...
  • Label设置行间距,段间距,字间距

    千次阅读 2017-07-11 11:20:55
    Label设置行间距,段间距,字间距 使用NSMutableAttributedString设置label属性 直接上代码- (void)viewDidLoad { [super viewDidLoad]; NSString *text = @"突然想要写点什么,来纪念自己即将逝去的大学四年时光,...
  • 间距 letter-spacing来设置字与字间距_字符间距离,字体间距css样式 即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px 行间距 比如line-height:150%设置1.5倍行距 ...
  • 间距 Android TextView 设置行间距的相对来说比较简单,可以通过设置TextView的android:lineSpacingExtra或android:lineSpacingMultiplier来达到你希望看到的结果。 android:lineSpacingExtra 设置行间距 如下...
  • 间距用: android:lineSpacingMultiplier="1.1" 字间距用:android:letterSpacing="0.5
  • 字体间距

    2018-12-10 18:30:20
    间距:letter-spacing: 以字符为标识去添加间距间距:word-spacing 以空格为标识去添加间距 /* letter-spacing: 10px; */ word-spacing: 40px;   改变文本大小写的,只对英文有作用 text-transform: ...
  • 1、text-indent设置抬头距离css缩进 2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式 转载于:https://www.cnblogs.com/terminator404/p/5461871.html
  • 间距 Android TextView 设置行间距的相对来说比较简单,可以通过设置TextView的android:lineSpacingExtra或android:lineSpacingMultiplier来达到你希望看到的结果。 android:lineSpacingExtra 设置行间距 如下...
  • ckeditor 行间距插件

    2019-01-04 11:39:49
    ckeditor 行间距插件
  • 设置行间距和字间距

    2017-12-13 12:58:48
    间距 - (NSMutableAttributedString *)lineSpace:(int)height WithString:(NSString *)string{ NSMutableAttributedString *attributedString1=[[NSMutableAttributedString alloc]initWithString:string]; NSM....
  • UILabel字间距间距

    2016-01-04 17:49:17
    //设置字间距 [self.label setColumnSpace:5]; //设置行间距 [self.label setRowSpace:5];
  • 有时为让编辑的文档更美观和便于阅读,需要对文档进行行间距和段落间距的设置,以达到实际的设计效果。下面说下行间距(文字之间的垂直距离或者两行文字的上下边距)和段落间距(各个段落之间的前后垂直距离或者段落...
  • 文字间距

    2019-01-03 15:03:38
    文字左右间距属性 letter-spacing: 33px;
  • xml样式: 字间距设置 android:letterSpacing="0.1" 行间距设置android:lineSpacingExtra=“1.2” 或在代码用 字间距设置setLetterSpacing(0.1f) 行间距设置 setLineSpacing(floa...
  • EXCEL中如何调整字间距?EXCEL中调整字间距,可以通过设置文本对齐方“分散对齐”,然后调整单元调整字间距。方法步骤如下:1、打开需要操作的EXCEL表格,选中需要调整字间距的单元格。2、点击鼠标右键,选择“设置...
  • grid-gap:15px 13px; //行间距间距

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,418
精华内容 10,967
关键字:

间距