Heim > Artikel > Web-Frontend > 一个新的bug，关于首字下沉。求解决方案_html/css_WEB-ITnose
一个新的bug，关于首字下沉。求解决方案_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:58:021196Durchsuche
关于ie6对first-letter伪类的样式支持问题
html代码如下：
<p class="tit_f"> HHONORY CERTIFICATE<br /> <span>荣誉证书</span> </p>
这是样式：
.tit_f:first-letter {font-size:30px;float:left;padding-top:10px;} 效果
火狐：
chrome:
ie6:
现在的问题是在IE6下无论怎么设置pading和margin都无法使首字母向下移怎么办？
回复讨论(解决方案)
话说星期天大家都放假了吗？
既然 火狐 和 chrome 的表现也不一样，那么也就没什么意义了
既然 火狐 和 chrome 的表现也不一样，那么也就没什么意义了
火狐和chrome可以用hack纠正，ie则完全没有办法啊，不是说ie支持first-letter伪类的吗？
大概思路就这样，如有差别数值调整一下：
<!doctype html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0;} .tit_f{} .tit_f i{ position:relative;top:0;font-size:42px;float:left;font-style:normal;} .tit_f span{font-size:14px;} </style></head><body><p class="tit_f"> <i>H</i>HONORY CERTIFICATE<br /> <span>荣誉证书</span></p></body></html>
大概思路就这样，如有差别数值调整一下：
<!doctype html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0;} .tit_f{} .tit_f i{ position:relative;top:0;font-size:42px;float:left;font-style:normal;} .tit_f span{font-size:14px;} </style></head><body><p class="tit_f"> <i>H</i>HONORY CERTIFICATE<br /> <span>荣誉证书</span></p></body></html> 谢谢！
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：css美化、优化、合并工具推荐_html/css_WEB-ITnoseNächster Artikel：【原】iphone6来了，我该做点什么_html/css_WEB-ITnose