仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 598|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来一发webkit下text-indent首行缩进笔墨成绩

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:15:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。
破洛洛文章简介:巧用:empty办理webkit中心扫瞄器text-indent的bug.
今天在项目中碰到要在一个输出框中利用缩进的情形,要用text-indent首行缩进2个笔墨。然后发明在webkit下,在输出框内容为空的时分,光标地位没有缩进,仍是外行首,输出恣意字符后,缩进才被激活。
HTML代码以下:
  1. 1
复制代码
  1. <inputtype="text"style="text-indent:2em"/>
复制代码
检察demo
这里不管是input元素仍是textarea,或是别的设置了contentEditable=”true”的元素,都能必现这个bug。
IE各版本,Firefox均一般,只要chrome和safari等webkit内核的扫瞄器才有这个成绩。
这里百思不得其解,也实验了良多办法,均有效。
厥后和小李刀刀、poor聊到这个成绩,俄然想到:empty伪类,立即测试,公然能够办理——固然只曲直线摹拟办理…
  1. 1
复制代码
  1. input[type="text"]:empty{padding-left:2em;}
复制代码
然后在chromium社区提交了个bug单,不晓得会不会被忽视。
PS:Opera在这里也有些小成绩,input元素缩进体现一般,textarea元素不撑持缩进,contentEditable=”true”元素和webkit体现一样。
http://www.qianduan.net/fixed-text-indent-in-webkit-editable-element-bug.html
</p>
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
变相怪杰 该用户已被删除
沙发
发表于 2015-1-17 20:55:04 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
兰色精灵 该用户已被删除
板凳
 楼主| 发表于 2015-1-24 11:29:08 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
山那边是海 该用户已被删除
地板
发表于 2015-2-1 10:09:02 来自手机 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
因胸联盟 该用户已被删除
5#
发表于 2015-2-7 04:48:11 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
再现理想 该用户已被删除
6#
发表于 2015-2-20 22:24:10 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
飘灵儿 该用户已被删除
7#
发表于 2015-3-6 19:28:10 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
不帅 该用户已被删除
8#
发表于 2015-3-13 08:08:25 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
谁可相欹 该用户已被删除
9#
发表于 2015-3-20 17:18:10 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-23 12:58

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表