随笔分类 - CSS

css问题解决

摘要：.btn{ display:inline-block; vertical-align:middle; line-height:30px; border:solid 1px #ddd; font-size:14px; text-align:center; padding:0 16px; /*下面鼠标样阅读全文

posted @ 2022-03-09 11:53 cc-front 阅读(66) 评论(0) 推荐(0) 编辑

基于table表格页面编写使用

摘要：1.在当该表格中出现长度比列幅宽的半角字符时，td的宽度会被内容撑破？解决此问题的方法是：在明细行的td中，追加style="word-wrap:break-word;"，这样做可以使半角连续字符强制换行，不至于撑破列宽。 <td align="left" width="150px" style 阅读全文

posted @ 2022-03-05 21:54 cc-front 阅读(65) 评论(0) 推荐(0) 编辑

关于CSS间距相关属性-外间距margin-top、margin外间距重叠问题

摘要：margin-top的传递问题现象：默认情况下给子元素添加了margin-top之后，浏览器解析的时候，会把这个上间距也传递给父元素，导致父元素在页面展示也会下来。解决方法：A.给最近的父元素添加border-top B.给父元素添加overflow:hidden;（溢出隐藏） .fu{ wid 阅读全文

posted @ 2021-08-15 11:08 cc-front 阅读(127) 评论(0) 推荐(0) 编辑