关于利用:first-letter实现首字下沉的一些看法(2)

作者:林小志 来源:林小志blog 时间:2010-04-20 17:19:00 

对段落首字设置浮动后并未增加清除浮动的属性

 

设置浮动未增加清除浮动

 

p:first-letter {float:left;font-weight:bold;font-size:2em;} 

增加了浮动之后,我们可以看到FF/IE7/IE6中已经得到了我们所想要的效果,但是opera/safari中却出现问题了,在文本内容少的时候,第二个p标签中的文字因为浮动而跑上去了,而只有当文本出现两行的时候才会将下一个p标签的内容移开。查看demo

由此可见,清除浮动的必要性还是有的。那么我们就增加一个清除浮动的属性给p标签看看效果。

标签:fist-letter,首字下沉,css
0
投稿

猜你喜欢

  • Python3.8对可迭代解包的改进及用法详解

    2021-01-08 05:55:05
  • 如何使用python对图片进行批量压缩详解

    2022-12-05 04:22:25
  • 服务器安装MySQL教程及注意事项

    2008-11-11 12:12:00
  • 简述python Scrapy框架

    2022-07-13 06:19:30
  • MySQL使用LVM快照实现备份

    2024-01-26 20:21:17
  • flask使用session保存登录状态及拦截未登录请求代码

    2021-02-22 12:00:57
  • Python中使用wxPython开发的一个简易笔记本程序实例

    2021-09-07 22:06:22
  • Django 自定义404 500等错误页面的实现

    2022-06-10 17:31:40
  • vue项目中的数据变化被watch监听并处理

    2024-04-27 16:11:53
  • python深度学习之多标签分类器及pytorch实现源码

    2022-09-26 01:09:12
  • 2018年Python值得关注的开源库、工具和开发者(总结篇)

    2023-01-18 08:32:15
  • Python基于有道实现英汉字典功能

    2021-05-23 19:35:57
  • python数据可视化matplotlib绘制折线图示例

    2023-05-20 23:01:56
  • mybatis-plus的sql语句打印问题小结

    2024-01-25 11:23:42
  • SQL Server比较常见数据类型详解

    2024-01-26 11:28:48
  • vue3动态添加路由

    2024-05-13 09:08:34
  • mysql中datetime类型设置默认值方法

    2024-01-17 03:03:09
  • 在ADF中跟踪SQL执行时间实现代码

    2024-01-16 16:09:00
  • 常用原生js自定义函数总结

    2024-04-16 09:05:57
  • pycharm中选中一个单词替换所有重复单词的实现方法

    2022-11-07 02:51:16
  • asp之家 网络编程 m.aspxhome.com