网站地图    收藏   

主页 > 前端 > css教程 >

CSS若干常见问题小结 - html/css语言栏目:html.css

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 1 边框部分问题【边框为虚线】border:1px dashed ddd;【边框为实线】 border:1px solid ddd; 【table中的tr加下划线边框】 在css中做如下声明 mytable{border-collapse: collapse;}...


属性可选值: top middle bottom baseline

【td 文字水平对齐】


属性可选值:left right center justify

【tr中设置行高】

不建议使用 height属性 这样会使部分内容隐藏

 line-height:15px; /*建议使用此属性*/

【td中如果内容为空】

请使用空格字符填充:  
这样即使没有 内容 依然会填充空白进去

【table中的tr加下划线边框】

在css中做如下声明

 .mytable{border-collapse: collapse;} 
 tr{border:1px solid #ddd;}

4. 滚动条部分问题

【不想出现滚动条】

 overflow:hidden;
【不想出现水平滚动条】
 overflow-x:hidden;
 overflow-y:auto;

【不想出现垂直滚动条】

 overflow-y:hidden;
 overflow-x:auto;

【不想出现滚动条 但是垂直方向高度随内容自增长】

 overflow-x:hidden;
 overflow-y:auto;
 min-hight :xxx px;

[注意:] 使用此法 必须确保 自增长的高度包括了 padding 和 margin 否则还是会出现垂直滚动条

那么需要注意的是 dom中的元素(除了height外 还必须考虑 margin和padding)没有超出 父容器的实际高度

【那么水平方向同上 修改部分参数即可】

【若想出现滚动条,但是是出现在浏览器边框滚动条】

overflow:visible;






1.边框部分问题

【边框为虚线】

border:1px dashed #ddd;

【边框为实线】

 border:1px solid #ddd; 

【table中的tr加下划线边框】

在css中做如下声明

 .mytable{border-collapse: collapse;} 

【table 中的单元格 出现间断边框】


2. 表单部分问题


【给单选/复选 添加文字可选信息】




注意使用 label 标签时 for属性的值 对应的是表单中元素的id属性的值


3. 表格部分问题


【td内 文字的对齐问题】

【td 文字垂直对齐】

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论