CSS若干常见问题小结

柔光的暖阳◎ 2022-08-06 10:07 202阅读 0赞

## 1.边框部分问题    ##

【边框为虚线】

border:1px dashed #ddd;

【边框为实线】

border:1px solid #ddd;

【table中的tr加下划线边框】  
  
 在css中做如下声明

.mytable{border-collapse: collapse;}

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

<table cellspacing="0" cellpadding="0"></table>

## 2. 表单部分问题    ##

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

<form>
      <label for="male">Male</label>
      <input type="radio" name="sex" id="male" />
      <br />
      <label for="female">Female</label>
      <input type="checkbox" name="sex" id="female" />
    </form>

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

## 3. 表格部分问题 ##

【td内 文字的对齐问题】  
  
【td 文字垂直对齐】

<td valign="top"></td>

属性可选值： top   middle    bottom    baseline  
  
【td 文字水平对齐】

<td align="center"></td>

属性可选值：left  right   center   justify  
  
【tr中设置行高】  
  
 不建议使用 height属性 这样会使部分内容隐藏

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

【td中如果内容为空】  
  
 请使用空格字符填充:  &nbsp;  
 这样即使没有 内容 依然会填充空白进去  
  
【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;

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spark 常见问题小结

问题导读 1、当前集群的可用资源不能满足应用程序的需求，怎么解决？ 2、内存里堆的东西太多了，有什么好办法吗？ ![4.gif][] 1

柔光的暖阳◎/ 2022年09月26日 00:27/ 0 赞/ 181 阅读

相关 DataGridView 若干问题

发表于：2007年11月22日 10时4分50秒阅读(40)评论(0) 举报本文链接：http://user.qzone.qq.com/364675861/blog/11956

「爱情、让人受尽委屈。」/ 2022年08月27日 12:42/ 0 赞/ 157 阅读

相关 CSS若干常见问题小结

1.边框部分问题【边框为虚线】 border:1px dashed ddd; 【边框为实线】 border:1px solid

柔光的暖阳◎/ 2022年08月06日 10:07/ 0 赞/ 203 阅读

相关关于php.ini的若干问题小结

【① 时区问题】 PHP 使用日期函数如： strtotime('2014-01-05'); date('Y-m-d H:i',time(

╰半夏微凉°/ 2022年08月06日 09:18/ 0 赞/ 184 阅读

相关 CSS学习小结

最近在学习CSS，做个小结，以便以后温故而知新。一、CSS的出现带来的好处： css最大的作用就是消除冗余的样式代码。由于消除了冗余样式代码，带来下面几点极大的好处：

港控/mmm°/ 2022年06月12日 04:24/ 0 赞/ 187 阅读

相关爬虫涉及若干问题

爬虫涉及若干问题V1.0 <table> <tbody> <tr> <td> <p>页面数据：</p> <p>1.   

逃离我推掉我的手/ 2022年06月09日 12:24/ 0 赞/ 216 阅读

相关 CSS 常见问题

1.input输入框点击有边框的解决办法点击输入的时候不需要input输入框有边框显示，例如按钮就不需要，如果设置了border-radius，在点击的时候还有边框就会超

超、凢脫俗/ 2022年05月19日 07:43/ 0 赞/ 240 阅读

相关 css 常见问题

隐藏滚动条并可以滚动内容 1.计算滚动条宽度并隐藏起来页面向右偏移一定的距离。可以使用绝对定位或者translate。 2.使用三个容器包围起来，不需要计算滚动条

Bertha 。/ 2022年03月18日 03:06/ 0 赞/ 256 阅读

相关 CSS小结

CSS小结网页布局的三种方式标准流就是我们之前介绍的显示模式显示模式 display 块级元素 block 独自占据一行

﹏ヽ暗。殇╰゛Y/ 2022年01月23日 04:03/ 0 赞/ 363 阅读

相关开发过程中mysql常见问题小结

开发过程中mysql常见问题小结

朱雀/ 2020年04月15日 09:08/ 0 赞/ 925 阅读