精华内容
下载资源
问答
  • 平时写界面时经常要引用阿里巴巴矢量图icon...(一)引用icon有两种方法: (1)直接在html里面添加i标签(效果图如下): <!--html--> <i class="icon iconfont icon-eye"></i> <p>23 <i class=

    平时写界面时经常要引用阿里巴巴矢量图icon(http://www.iconfont.cn/
    (一)引用icon有两种方法:
    (1)直接在html里面添加i标签(效果图如下):
    这里写图片描述

    <!--html-->
    <div class="active-focus">
       <i class="icon iconfont icon-eye"></i>
       <p>23</p>
       <i class="icon iconfont icon-person"></i>
       <p>0</p>
    </div>
    <!--css里面给icon设置样式-->
    <style>
    i {
        font-size: 10px;//此行设置icon大小
        color: #999999;
        margin-left: 0.3rem;
        margin-right: 0.3rem;
       }
    </style>

    !!!实现前提要引入icon相关文件配置,详细教程见:http://www.iconfont.cn/help/detail?helptype=code

    icon的大小设置可以使用font-size属性来调节icon的大小,给我们日常开发带来了很大的好处。
    (2)UI帮忙切好的图,即直接引用.png格式,与日常引用背景图一个原理,其中icon图标可以选择span标签来存放,在css里面引入icon图片:

    <!--html-->
    <p class="u-weizhi"><span></span>广州天河新塘路科学大道起点国际创新工场</p>
    <p class="u-date"><span></span>报名时间:07-30至08-07</p>
    <p class="u-active"><span></span>活动时间:08-08至08-10</p>
    <!--css-->
    <style>
    span{
    width:32px;
    heigth:32px;
    background-size:url("../img/jifen");
    background-size(100%);
    }
    </style>

    (二)icon与我们的文字并不对齐,又开始犯强迫症了,如下:
    这里写图片描述
    解决方法:给icon添加css,加入以下两行代码即可:

    position:relative;
    top:0.1rem;//对应高度自己看着调试

    即可得到以下效果(一下治好了gaisi的强迫症):
    这里写图片描述

    展开全文
  • 3.3.4 符号、对齐和用 0 填充 ............... 46 3.4 字符串方法 .............................................. 48 3.4.1 center ........................................... 48 3.4.2 find .................
  • ---恢复内容开始--- ... 使 i 标签和文字对齐 1:margin-bottom 2:使用盒子模型box-sizing:border-box 用vertical-align调整(还有一种情况就是 font-size 文字和i图标大小不一致,目前没有找到办法...

    ---恢复内容开始---

    移动端

      

    a标签点击变背景蓝色问题  -webkit-tap-highlight-color: #transparent;

     使 i 标签和文字对齐  1:margin-bottom  2:使用盒子模型box-sizing:border-box 用vertical-align调整(还有一种情况就是  font-size 文字和i图标大小不一致,目前没有找到办法调整,只能设置成一样)

    /*清除浮动代码*/
    .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
    .clearfloat{zoom:1}
    八种方法处理CSS浮动问题 http://blog.csdn.net/u010139093/article/details/28385545

    设置高度,2行,超出部分省略号

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;

     

     

    手机显示又白边(html固定px)

    按照比例进行缩放,横向可移动,需在容器body 加一个 overflow:hidden属性

     

    安卓系统 呼出键盘遮罩

    1  设计上的问题;http://my.oschina.net/cjlice/blog/625526 

    2  进行判断http://caibaojian.com/browser-ios-or-android.html

      然后input fouse上浮,click清除错误样式

    http://www.w3dev.cn/article/20150617/javascript-check-android-keyboard-show-hide.aspx

    我还没测试这个, 这篇看起来也不错

    清除input的输入内容: 看这个顺序;

     

    var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
    var mobile = $("#contactMobile").val();
    if(!myreg.test(mobile)){
    $("#contactMobile").val("");
    $("#contactMobile").attr({placeholder:"请输入有效的手机号码"});
    $("#contactMobile ").focus();
    $("#contactMobile ").addClass("active");
    return;
    }

    <input type="number" name="quantity" min="1" max="5">

    颜色转换为 rgba;

    http://www.atool.org/colorpicker.php

    背景

    background: rgba(0,0,0,0.3);

    ---恢复内容结束---

    ---恢复内容结束---

    转载于:https://www.cnblogs.com/wulibo/p/6905004.html

    展开全文
  • 本书是第I卷,以开发人员在项目开发中经常遇到的问题必须掌握的技术为中心,介绍了应用Java Web进行程序开发的各个方面的知识技巧,主要包括Java Web编程基础、文件操作管理、图形图像与多媒体技术、窗体应用...
  • 3.1.3 文字倾斜<i>和标签 21 3.1.4 文字下划线标签 22 3.1.5 其他文字修饰标签 23 3.2 设置段落效果 25 3.2.1 文本分段标签 25 3.2.2 文本分行 标签 25 3.2.3 标题至标签 27 3.2.4 水平线标签 28 3.2.5 ...
  • 测试

    2013-11-25 17:59:25
    发表文章文章管理类别管理评论管理博客配置博客栏目草稿箱回收站博客搬家 文章标题 *只有原创翻译文章才能推荐到首页 ... (Ctrl+U)删除线字体颜色背景颜色删除文字格式对齐列表减少缩进增加缩进超链接
    
    

    文章标题

    *只有原创和翻译文章才能推荐到首页

    文章内容

    上传图片
     

    1、图片大小不能超过2M

    2、支持格式:.jpg .gif .png .bmp

    中间水印 右下水印无水印

    文章标签(添加Tag,你的内容能被更多人看到)我们为什么要打Tag?

    (最多添加5个标签,多个标签之间用“,”分隔)

    个人分类 [编辑分类]

    (多个分类之间用“,”分隔)

    文章分类(到分类首页)

    提示:1、推荐到首页必需是高质量、对别人有帮助的文章

    2、发布到首页后,一旦被管理员撤下,3天内将不能再发布到首页

    3、请不要发布任何推广、广告(包括招聘)、政治、低俗等方面的内容,不要把博客当作SEO工具,否则可能会影响到您的使用。

    展开全文
  • HTML开发王

    2013-01-03 11:33:09
    14.1 键入文字和使用字符编码(charset属性) 14.1.1 计算机文字字符编码简介 14.1.2 使用html文档字符集和选择字符编码 14.1.3 指定字符编码 14.1.4 字符编码的优先级 14.1.5 在html文档中使用字符引用 14.2 指定文档...
  • [HTML开发王].张亚飞.扫描版

    热门讨论 2011-09-13 12:45:04
    14.1 键入文字和使用字符编码(charset属性) 14.1.1 计算机文字字符编码简介 14.1.2 使用html文档字符集和选择字符编码 14.1.3 指定字符编码 14.1.4 字符编码的优先级 14.1.5 在html文档中使用字符引用 14.2 指定文档...
  • 设置图片+设置文本

    2021-01-15 09:18:37
    对,我们缺了文字,拉一个三级标签放在中间的留白,这样子这个案例的基本布局已经建立起来了,现在我们开始设置这三张小图片,点击这三张图片给他设置选中,给他设置线宽线段颜色(根据自己喜欢的来调色),给第一...

    我们利用插件选择到一个iphone 4 白色的手机模板然后在IOS元件库里找到状态栏,把他放在手机的顶部,适当的调整一下他的长度,如图下:
    在这里插入图片描述

    然后在手机的中间放一张自己喜欢的图片,对齐手机,再拉一个矩形放在手机的底部,再拉一张图片复制两张出来像这样:
    在这里插入图片描述

    ,弄完这些是不是感觉缺点了什么?
    对,我们缺了文字,拉一个三级标签放在中间的留白,这样子这个案例的基本布局已经建立起来了,现在我们开始设置这三张小图片,点击这三张图片给他设置选中,给他设置线宽和线段颜色(根据自己喜欢的来调色),给第一张图片在(选中)上打勾,然后再选择他们三张图片,给他们设置选项组名称,我设置的名称是(zu)
    这样子才不会点击哪一个哪一个就有线宽和颜色。
    点击第一张图片,鼠标单击时,设置选中选择到当前元件,然后又看到设置图片,把那一张大图打上勾勾,在Default里导入你小图的第一张,如下:
    在这里插入图片描述

    然后再点击设置文本,找到你的三级标签(最好先备注了,不然不好找)打上勾勾,往下看会看到一个(设置文本为)在值里面选择到富文本,然后编辑文本,输入文本是自定义,想写什么就些什么,然后右边有样式,自己调自己喜欢的。
    后边两张小图也是如此,给大家看看成品吧!
    在这里插入图片描述

    这个就是设置图片+文本。

    展开全文
  • 电脑快捷键

    2012-11-16 01:59:58
    CTRL+I 倾斜文字(在选中目标情况下); CTRL+Q 两边对齐(无首行缩进),(在选中目标情况下)或将光标放置目标文 字的段尾,亦可操作 CTRL+J 两端对齐(操作同上) CTRL+E 居中(操作同上) CTRL+R 右对齐...
  • 实例151 设置图片对齐方式 241 实例152 设置背景图片透明度 242 实例153 设置背景颜色 243 7.3 处理图表的边框 244 实例154 隐藏图表边框 244 实例155 图表边框笔触 245 实例156 图表边框颜色 247 7.4 修改图表的...
  • 实例151 设置图片对齐方式 241 实例152 设置背景图片透明度 242 实例153 设置背景颜色 243 7.3 处理图表的边框 244 实例154 隐藏图表边框 244 实例155 图表边框笔触 245 实例156 图表边框颜色 247 7.4 修改图表的...
  • 实例151 设置图片对齐方式 241 实例152 设置背景图片透明度 242 实例153 设置背景颜色 243 7.3 处理图表的边框 244 实例154 隐藏图表边框 244 实例155 图表边框笔触 245 实例156 图表边框颜色 247 7.4 修改图表的...
  • 实例151 设置图片对齐方式 241 实例152 设置背景图片透明度 242 实例153 设置背景颜色 243 7.3 处理图表的边框 244 实例154 隐藏图表边框 244 实例155 图表边框笔触 245 实例156 图表边框颜色 247 7.4 修改图表的...
  • (2)行内元素 a strong b em i del s ins u span ①相邻行内元素在一行上,一行可以显示多个 ②宽高直接设置是无效的 ③默认宽度就是他本身内容的宽度 ④行内元素只能容纳文本或其他行内元素 ⑤链接(a标签)...
  • 本书是第I卷,以开发人员在项目开发中经常遇到的问题必须掌握的技术为中心,介绍了应用Java Web进行程序开发的各个方面的知识技巧,主要包括Java Web编程基础、文件操作管理、图形图像与多媒体技术、窗体应用...
  • cms后台管理

    热门讨论 2012-06-26 10:41:19
    Jeecms是基于Spring注解,在自定义标签时对于实体类dao service等注意注解的问题。 五 自定义标签及使用自己创建的表的实现过程 下面是我自己定义的标签mycontent_list 首先,在数据库里创建了一个jc_...
  • Word查找与替换•ASCII字符集代码 I Word查找栏代码•通配符一览表 II Word查找栏代码•通配符示例 III Word替换栏代码•通配符一览表 IV 部分代码 可用/不可用 的特殊情况 V 使用“通配符”功能时需要注意的要点 VI...
  • l 左对齐:一般文字、单个数字、日期等 l 右对齐:数字、时间、日期加时间。 (4)分辨率为800*600,增强色16色 (5)字体缺省为宋替、五号、黑色 (6)底色缺省采用灰色 这些信息的排列显示风格供参考, 在...
  • html入门到放弃笔记

    2018-05-15 15:06:12
    <i></i> : 斜体 <u></u> : 下划线 <s></s> : 删除线 <sup></sup> : 上标 <sub></sub> : 下标 Demo : 这是一段包含 ,粗体,斜体,下划线,删除线,上标,下标的文本内容 将以上文本内,对应文字的特殊...
  • 本书是第I卷,本书以开发人员在项目开发中经常遇到的问题必须掌握的技术为中心,介绍了应用Visual Basic进行程序开发各个方面的知识技巧。主要包括基础知识、窗体界面设计、控件应用等。全书分6篇20章,共计600...
  • 本书是第I卷,本书以开发人员在项目开发中经常遇到的问题必须掌握的技术为中心,介绍了应用Visual Basic进行程序开发各个方面的知识技巧。主要包括基础知识、窗体界面设计、控件应用等。全书分6篇20章,共计600...
  • 排行榜、树洞 OCR 文字识别 、从包含表格的扫描图片中识别表格和文字、语声迁移、Python口语自然语言处理工具集(英文)、 similarity:相似度计算工具包,java编写、海量中文预训练ALBERT模型 、Transformers 2.0 、...
  • CSS中的BFC

    2021-01-09 07:06:01
    This is the part I left earlier while discussing the alignment in a block formatting context. Let us understand what is happening in Figure 1 in the diagram below: <p><img alt="img" src=...

空空如也

空空如也

1 2
收藏数 30
精华内容 12
关键字:

文字和i标签对齐