精华内容
下载资源
问答
  • div的高度是100%,如果直接设置line-height:100%是无法实现元素内部的文字垂直居中的,这时如果要设置字体垂直居中的,有以下几种方法: 1.可以给内部的元素固定宽高,然后配合position和margin-left,margin-top是...

    div的高度是100%,如果直接设置line-height:100%是无法实现元素内部的文字垂直居中的,这时如果要设置字体垂直居中的,有以下几种方法:

    1.可以给内部的元素固定宽高,然后配合position和margin-left,margin-top是自身的一半居中。如里面包裹字体的元素为span,设置span:width:20px;height:20px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;

    2.还可以设置父级是display:table,position:absolute,子元素是display:tabel-cell;vertical-align: middle; text-align: center;

    3.如果不需要支持的低版本的浏览器,则可以考虑弹性布局display: flex;align-items:center,比较好用。

    转载于:https://www.cnblogs.com/zhanghuijing/p/6814121.html

    展开全文
  • 移动端字体设置问题

    2017-06-06 18:15:00
    做移动雄姿英发难免会遇到这个问题,之前一直不知道怎么解决的,后来上网看到大神们都有自己的一套解决方法。果断借鉴过来,以便日后留作自己用。(ps:代码都是网上别的大神的杰作)。 废话不多说,直接上干货。 ...

    做移动雄姿英发难免会遇到这个问题,之前一直不知道怎么解决的,后来上网看到大神们都有自己的一套解决方法。果断借鉴过来,以便日后留作自己用。(ps:代码都是网上别的大神的杰作)。

    废话不多说,直接上干货。

    (function(doc, win) {
    var docEl = doc.documentElement,
    // orientationchange 事件是在用户水平或者垂直翻转设备(即方向发生变化)时触发的事件。
    // onresize 事件会在窗口或框架被调整大小时发生。
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function() {
    window.clientWidth = docEl.clientWidth;
    if(!window.clientWidth) return;
    docEl.style.fontSize = 40 * (window.clientWidth / 640) + 'px';
    window.base = 40 * (window.clientWidth / 640);
    };
    if(!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    // DOMContentLoaded火狐特有的事件,DOM加载完后触发
    doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);

    转载于:https://www.cnblogs.com/zhaodaijiang/p/6952967.html

    展开全文
  • 最近接到一个需求要求字体垂直渐变当然不带动画 只有字体颜色渐变 同时要设置字体风格 后面的就是实现需求了 然而当我实现起来。。起初实现了ondraw onlayout 等等等等 wtf' 绘制是如此费劲 后来细看Gradient 就是...

    最近接到一个需求要求字体垂直渐变当然不带动画 只有字体颜色渐变 同时要设置字体风格

    后面的就是实现需求了 然而当我实现起来。。起初实现了ondraw onlayout 等等等等 wtf' 绘制是如此费劲

    后来细看Gradient 就是线性渐变。。其实不管怎么写也都得用这个 开始直接设置这些是没问题的,比如这样

    设置起始颜色 gettextSize 就是字体大小了 这样在y轴表示纵向 你可以尝试改变其他三个位置来试试

    LinearGradient mLinearGradient = new LinearGradient(0, 0, 0,
                    tv.getPaint().getTextSize(),
                    Color.white,Color.black,
                    Shader.TileMode.CLAMP);
            tv.getPaint().setShader(mLinearGradient);

     但是我显示出来的效果并不是很好颜色值对不上,,,,wtf 猜测是因为当textView包裹内容时我们设置了字体大小会自动有内边距开始渐变并不是从字上开始的是从整个控件开始的比如下面

    第一次效果

    wtf 效果不对 不是从我想要的颜色开始。。。

    后来看到 有这样一种方法 颜色数组  位置数组。。简直快速开发蒙骗测试之良心方法啊

    LinearGradient(float x0, float y0, float x1, float y1, @NonNull @ColorInt int colors[],
                @Nullable float positions[], @NonNull TileMode tile) 

    于是我这样写了下

    
    
     setTextColorGradient(mTv1, Color.WHITE,Color.parseColor("#5A5A5A"),0.6f,0.8f);
    
    public void setTextColorGradient(TextView tv, int startColor, int endColor, float start, float end) {
            LinearGradient mLinearGradient = new LinearGradient(0, 0, 0,
                    tv.getPaint().getTextSize(),
                    new int[]{startColor, endColor},
                    new float[]{start, end},
                    Shader.TileMode.CLAMP);
            tv.getPaint().setShader(mLinearGradient);
        }

    效果就变成了这样。。。。

    具体效果自己根据坐标调 

    奉上方法

    /**
         * 修改字体
         * @param tv
         */
        public void setTextFont(TextView tv) {
            /*assets目录下新建 fonts 并将资源放到里面并按照如下方式读取设置*/
            Typeface fontFace1 = Typeface.createFromAsset(getAssets(),
                    "fonts/DIN-MEDIUM.OTF");
            Typeface fontFace2 = Typeface.createFromAsset(getAssets(),
                    "fonts/DINENGSCHRIFT.OTF");
            tv.setTypeface(fontFace1);
        }
    
        /**
         * @param tv         控件
         * @param startColor 开始颜色 Color.WHITE
         * @param endColor   结束颜色 Color.parseColor("#5A5A5A")
         * @param start      开始位置 0.4f
         * @param end        结束位置 0.9f
         */
        public void setTextColorGradient(TextView tv, int startColor, int endColor, float start, float end) {
            LinearGradient mLinearGradient = new LinearGradient(0, 0, 0,
                    tv.getPaint().getTextSize(),
                    new int[]{startColor, endColor},
                    new float[]{start, end},
                    Shader.TileMode.CLAMP);
            tv.getPaint().setShader(mLinearGradient);
        }
    
        /**
         * @param tv           控件
         * @param colorList    开始到结束颜色集合 new int[] { sratrColor,endColor}
         * @param locationList 对应上述颜色的坐标点 new float[]{0f,1.0f}
         */
        public void setTextColorGradient(TextView tv, int[] colorList, float[] locationList) {
            LinearGradient mLinearGradient = new LinearGradient(0, 0, 0,
                    tv.getPaint().getTextSize(),
                    colorList,
                    locationList,
                    Shader.TileMode.CLAMP);
            tv.getPaint().setShader(mLinearGradient);
        }

    三周写一个应用第二周设计图才出来妈的 真是要命啊

    展开全文
  • // 设置是否显示垂直方向背景线,默认值为false // 设置X轴 CategoryAxis domainAxis = plot.getDomainAxis(); domainAxis.setLabelFont(new Font("宋书", Font.PLAIN, 15)); // 设置横轴字体 ...
  • CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。那么css怎么让元素居中?下面本篇文章就来给大家介绍一下css让元素居中的方法,希望对大家...

    CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。那么css怎么让元素居中?下面本篇文章就来给大家介绍一下css让元素居中的方法,希望对大家有所帮助。

    e7af72293a2683ba47feca3b1162a29e.png

    水平和垂直方向都可居中

    统一HTML代码:

    相同的css代码抽取:.inner{

    width: 50px;

    height: 50px;

    background-color: aqua;

    }

    .outer{

    border: 1px solid black;

    }

    ①、margin:auto && 绝对定位.inner{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    }

    .outer{

    position: relative;

    width:100px;

    height: 100px;

    }注意点:

    ①、absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

    inner设置了absolute定位,所以要在outer设置relative,这样才能相对于outer进行相对定位,否则相对于body定位,因为默认是static定位。

    left、right等不一定要设置为0,只要left和right的值相等,即可实现水平居中。

    同理,top和bottom的值相等,即可实现垂直居中。

    ②、margin负值 && 相对定位.inner{

    position: relative;

    top: 50%;

    left: 50%;

    margin: -25px 0 0 -25px; /* 外边距为自身宽高的一半 */

    }注意点:

    ①、inner元素要设为relative

    ②、margin外边距为自身宽高的一半(负数)

    ③、CSS3 transform属性.inner{

    position: relative;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    }注意点:

    ①、inner元素要设为relative

    ②、transform 属性向元素应用 2D 或 3D 转换,translate(x,y) 定义 2D 转换

    ④、css3 flex布局.outer{

    display: flex;

    align-items: center; /* 垂直居中 */

    justify-content: center; /* 水平居中 */

    }

    仅水平方法居中的方法

    ①、margin: 0 auto.inner{

    margin: 0 auto;

    }

    ②、text-align: center.outer{

    text-align: center;

    }

    .inner{

    display: inline-block;

    }

    最后在本文末尾还会提到 定位对于元素特征的改变

    在介绍css元素居中方法之前,我们有必要认识一下元素的三种类型

    html元素有三种类型:①、块状元素: 如p -------- display:block

    ②、内联元素: 如span ------display:inline

    ③、内联块元素:如input ---- display:inline-block

    块状元素特征:

    (1)能够识别宽高

    (2)margin和padding的上下左右均对其有效

    (3)可以自动换行

    (4)多个块状元素标签写在一起,默认排列方式为从上至下

    行内元素特征:

    (1)设置宽高无效

    (2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间

    在IE7的时候,padding-top 和 padding-bottom无效

    (3)不会自动进行换行

    行内块状元素特征:

    (1)不自动换行

    (2)能够识别宽高

    (3)默认排列方式为从左到右

    在position设置为 fixed或者absolute的时候,元素会脱离文档流

    *此时对于行内元素来说可以设置宽高

    展开全文
  • 4 垂直滚动:此种书写方式主要为文本而写 让超出范围的文本能垂直滚动显示出来 ">WinUI的Label控件文字显示主要依靠控件皮肤的文字层 她支持以下特性: 1 此文字层支持透明度设置 2 支持文字的颜色任意设置 3 支持...
  • 如果盒子里面的内容是图片形式,还可以通过设置padding和margin设置调整位置,但遇到了字体内容后,就会出现瑕疵——数据都对,为何还是无法还原psd设计稿中的盒子模型? 首先来看看字体在盒子模型中的宽高padding...
  • 怎么设置文章里所有英文的字体、所有中文的字体样式 删除文章中的所有或者部分超链接 设置忽略英文的拼写检查 如何设置文字在页面中垂直居中 怎么设置文章里所有英文字体、所有中文字体...
  • // 设置垂直对齐方式 cellstyle.setFillForegroundColor(color); cellstyle.setFillPattern(HSSFCellStyle.SOLID_FOREGROUND); cellstyle.setBorderBottom(HSSFCellStyle.BORDER_THIN); cellstyle....
  • //设置字体大小 font.setBoldweight(XSSFFont.BOLDWEIGHT_BOLD);//粗体显示 style.setAlignment(HSSFCellStyle.ALIGN_CENTER);//居中 style.setVerticalAlignment(HSSFCellStyle.VERTICAL_CENTER);//垂直 ...
  • 方法步骤如下:打开需要操作的WORD文档,双击艺术字,使得艺术字处于编辑状态,点击文本一项的“字体方向”。在弹出的选项中选择“垂直”。word文档里艺术字怎么调方向打开word后,点击“格式”-“文字方向”可以...
  • 1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入... 1)字体大小为奇数之边框高度少1px 解决方法:字体大小设置为偶数或line-height为偶数 2)line-height,文本垂直
  • 如果是设置字体居中的话,只需要在放该文本的外部容器设置padding-top和padding-bottom相等即可;但是外部容器不能设置高度,如果设置高度的话,就不能自动的根据文本大小设置高度了。 如果设置了外部容器的高度的...
  • IE6常见bug附解决方法

    2021-01-19 21:10:46
    1、IE6怪异解析之padding与border算入宽高原因:未加文档声明造成非盒模型解析解决方法...1)字体大小为奇数之边框高度少1px解决方法:字体大小设置为偶数或line-height为偶数2)line-height,文本垂直居中差1px解决方
  • css字体居中是怎么弄的呢? 回答:单行的话设置line-height,多行的话用padding。 div+cssli垂直居中是怎么弄? 复制下面代码去看下,研究下,就会懂啦。 body{ margin:0px0px0px0px; ...
  • 举个栗子正常情况文字是垂直水平居中,即使是阿里这种大厂,在...设置默认字体+UED设计约束@font-face { font-weight: normal; font-style: normal; font-family: 'DINPro-Medium'; src: url('../../../assets/f...
  • 像素 (px) 是一种绝对单位,因为无论其他相关的设置怎么变化,像素指定的值是不会变化的。 px就是设备或者图片最小的一个点,比如常常听到的电脑像素是1024x768的,表示的是水平方向是1024个像素点,垂直方向是768...
  • 贺兰_多彩菜单 2.0.2

    2012-12-06 23:10:52
    17、垂直条宽度设置为0时,即没有垂直条,相应属性不显现。(2012-12-06) 18、用函数添加垂直条时,菜单宽度计算问题。暂时不管了,只能在使用时注意不加宽太多!(2012-12-06) 19、去掉 UserControl_...
  • 直接拖曳字幕文件到正在播放的视频中就可以加载上了,还可以自己设置字幕的字体样式、大小等,很方便的,支持字幕格式为srt、sub、smi等常见格式。 更新日志: [1.5.38513] 2013/06/20 添加 DVD 跳略徽标菜单...
  • ios开发记录

    2015-08-06 23:12:11
    //有交叉就怎么怎么样 //Activity 活动 Indicator指示器 // UIActivityIndicatorView *ai = [[UIActivityIndicatorView alloc] init]; // ai.activityIndicatorViewStyle = ...
  • 怎么样,现在对您的EmEditor满意了没?哦,差点忘了,您现在的EmEditor还没有左边的大纲呢。 最近事情真的有点多,这一篇博文下部分现在才有时间补上。下面接着上部分继续介绍。 使用感受: 记事本替代方面,曾经...
  • flashmtv的制作

    2011-11-17 18:15:11
    点下面【属性】,在字体的最后一行有一标记改变文本方向【ABCD】的按钮,点开,把【垂直设置,改成【水平】设置就可以了。 八、歌词标记层: 这一步是以后添加歌词和图片的关键,因此正确标记每一句歌词的开始至...
  • Visual Studio程序员箴言中文扫描PDF

    热门讨论 2010-12-28 01:04:18
    技巧1.28 “工具”→“选项”→“环境”→“字体和颜色”中“自动”和“默认值”之间的差别 18 技巧1.29 改变书签的颜色 20 1.3.3 可见提示 21 技巧1.30 跟踪编辑器中的变化 21 技巧1.31 在编辑器中显示...
  • Visual Studio程序员箴言--详细书签版

    热门讨论 2012-10-16 20:37:39
    技巧1.28 “工具”→“选项”→“环境”→“字体和颜色”中“自动”和“默认值”之间的差别 18 技巧1.29 改变书签的颜色 20 1.3.3 可见提示 21 技巧1.30 跟踪编辑器中的变化 21 技巧1.31 在编辑器中显示...
  • 15.我们在右下角的属性栏里将字体大小由9 改为15。 16.我们拖动标签一角的蓝点,将全部文字显示出来。 17.再次按下运行按钮,便会出现helloworld。 到这里helloworld 程序便完成了。 Qt Creator 编译的程序,在其...
  • 在各个章节的文字都排好后,设置第一章的页眉(若连页眉都不知怎么加,请参考Word帮助)。然后跳到第一章的末尾,菜单栏上选“插入︱分隔符”,分节符类型选“下一页”,不要选“连续”(除非你想第二章的标题放在第...
  • MAPGIS地质制图工具

    2013-05-06 16:15:30
    2、如果需要把Excel中的线也输入到MapGis中,请先设置好表格中的线,且能输入单元格的文字字体、颜色、大小等; 3、如果要自定义表格转到MapGis范围大小,在点菜单Excel->MapGis后,框选输入数据的范围,数据输入...
  • Excel数据操纵-jar包-jxl.jar

    热门讨论 2010-03-29 19:04:39
    或//设置字体格式为excel支持的格式 WritableFont font3=new WritableFont(WritableFont.createFont("楷体_GB2312"),12,WritableFont.NO_BOLD );① WritableCellFormat format1=new WritableCellFormat(font1); ② ...

空空如也

空空如也

1 2
收藏数 33
精华内容 13
关键字:

垂直字体怎么设置