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