精华内容
下载资源
问答
  • css写了边框显示不全或不显示

    千次阅读 2019-06-13 09:36:03
    此时可能边框显示全不是上下左右都有,或者不显示边框, 这个是因为宽度100%再+边框超过100%了,可以把width改成100%以下就可以了。 其他原因暂时还未发现。 div{ width:97%; border: solid 5px green; } .....
    div{
    	width: 100%;
    	border: solid 5px green;
    }
    

    此时可能边框显示的不全不是上下左右都显示,或者不显示边框,

    width:100%+border超过100%,

    要重新设置宽度或者加上box-sizing。

    宽度100%是不包含margin、border和padding

    其他原因暂时还未发现。

    div{
    	width:97%;
    	border: solid 5px green;
    }
    
    展开全文
  • css如何不显示元素?

    千次阅读 2017-10-12 22:56:42
    可以通过以下两种方法不显示元素(1)display: none;<!DOCTYPE html> <style type="text/css"> .box { width: 160px; height: 100px; background: #cad5e

    可以通过以下两种方法不显示元素

    (1)display: none;

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
        .box {
            width: 160px;
            height: 100px;
            background: #cad5eb;
        }
        .title {
            height: 40px;
            background: #54a962;
        }
        .content {
            height: 60px;
            background: #5650bb;
        }
        </style>
    </head>
    <body>
        <div class="box">
            <h3 class="title">标题</h3>
            <p class="content">内容</p>
        </div>
    </body>
    </html>

    这里写图片描述

    设置display: none;后的效果如下显示

    这里写图片描述

    可以看出原来的标题部分不见了,而内容部分占领了原来标题的部分

    (2)visibility: hidden;

    还是上面的例子,只是这次将display:none;改成visibility: hidden; 但结果却大不相同

    这里写图片描述

    可以看到原本的标题位置没有了,但是内容部分并填充上去,依旧在原有的位置

    (完)

    展开全文
  • CSS-界面滚动时不显示滚动条

    万次阅读 多人点赞 2019-03-17 17:43:47
    最近产品提出一个需求,在界面滚动时,元素右侧不显示滚动条。查了网上的答案,最后总结了一下几个情况。 1、设置常规的滚动条:使用 overflow:auto。父元素需要设置一个高度,设置相对定位,这样子元素的高度大于...

    最近产品提出一个需求,在界面滚动时,元素右侧不显示滚动条。查了网上的答案,最后总结了一下几个情况。

    1、设置常规的滚动条:使用 overflow:auto。父元素需要设置一个高度,设置相对定位,这样子元素的高度大于父元素高度才能显示滚动条。如果父元素的高度完全由子元素撑开,界面上不会出现滚动条。设置overflow:auto 失效的主要问题:可能是这个div没有设置 100% 然后父元素清除浮动 (float:none; position: relative;)

    .father {
        position: relative;
        height: 100px;
        border: 1px splid red;
    }
    .son {
        overflow: auto;
        height: 1000px;
    }

    2、设置鼠标经过显示的滚动条:预设值盒子是 hidden。当鼠标经过这样盒子时,设置盒子的overflow 变成 auto。这样鼠标不经过时不会显示滚动条。缺点:如果盒子内部有文字,盒子的宽度变化可能造成文字的重新排版,视觉上有点不好看。

    div {
      overflow: hidden;
    }
    div:hover {
      overflow: auto;
    }

    如果内容宽度是百分比或者flex布局,鼠标移动会造成宽度变化,所以可以使用下面的改进版,不同情况父元素设置不同的宽度(2019年7月补充)。

    div {
      overflow: hidden;
      width: calc(100% - 8px);
      8px 是滚动条的宽度(在谷歌上显示良好)
    }
    div:hover {
      overflow: auto;
      width: 100%;
    }

     

    3、设置界面可以滚动但是不显示滚动条

    方法一:设置滚动条的样式(在 webkit 内核的浏览器比较适合)这样可以同时设置滚动条的宽度和颜色。这种办法很好。

    div::-webkit-scrollbar {
      width: 0;
    }

    方法二:右侧元素设置宽度或者定位,将左侧元素的滚动条遮挡。这样的方法不入流,在移动端兼容不好实现。

    div {
      float: right;
      width: 32%
    }
    div {
      float: left;
      width: 70%;
    }

    4、系统兼容性和浏览器兼容性(2019-12-02、2020-05-01补充)

    系统兼容性:Windows 下,浏览器需要加上 body { overflow-y: auto } 可以不显示滚动条,Mac 系统下没有这个问题。

    浏览器兼容性:webkit 内核浏览器使用 -webkit-scrollbar 效果明显,其他内核效果不明显。

    在火狐浏览器下,-webkit-scrollbar 无效,可以使用 scrollbar-width: none; 这样不会显示滚动条

    下面的图片是火狐浏览器,显示滚动条的情况

    加入 scrollbar-width: none; 后,滚动条不显示,界面可以滚动

    其他的浏览器可以尝试用上面几种方法解决

    展开全文
  • 就是显示不出来,通过实验,我发现!是 overflow:hidden 这个小妖精在作怪! 一开始,因为我定义的是在一个div块的border上显示令一个span块的border,理想效果图如下: 可是,做出来如下: 小蓝线显示不出来时,...

    在编写CSS时,定义好了border-bottom: 2px solid rgb(25,130,210);就是显示不出来,通过实验,我发现!是

    overflow:hidden

    这个小妖精在作怪!

    一开始,因为我定义的是在一个div块的border上显示令一个span块的border,理想效果图如下:
    在这里插入图片描述
    可是,做出来如下:
    在这里插入图片描述
    小蓝线显示不出来时,我还以为是被挡住,为此还添加了position:relative属性,并设置在最上方,发现!并!无!卵!用!

    overlofw:hidden是用于子模块float时,隐藏溢出用的,功能如下:(是我在https://www.w3school.com.cn/css/网站粘的,网站不错,有很多css模块属性的说明)
    在这里插入图片描述
    在这里插入图片描述
    所以,我的小蓝线是被隐藏的,而不是被覆盖!!!

    解决问题的操作如下:

    不用overflow:hidden 和float来布局排列。

    使用display:flex更好!,这是弹性盒子布局,使用时,盒子内的全部模型排列在一行上,如果我们想让,每个模块之间有间隙,可以使用justify-content:space-between,它的功能是使模块的间隙分割成等量的空间,均匀排布在模块间,效果就是这样的:
    在这里插入图片描述
    在想要横向排列的子级元素的父级元素中加入:

    display: flex;
    justify-content: space-between;
    

    即可!!

    展开全文
  • CSS:让元素不显示的方法

    千次阅读 2019-03-01 21:27:00
    (占空间);(例如:导航菜单的下拉列表) visibility:hidden;(把元素隐藏,占空间,js不易获取); opacity :范围0---1;设置为0,占空间;(应用:鼠标触碰时,透明度可以改变,js可获取) ...
  • css设置input不显示光标

    千次阅读 2018-11-19 18:14:00
    把光标颜色设置为透明色和父类一样就看出来了,就好像取消了caret-color: transparent; 设置了这个属性后,无论如何点击都好像没有光标似的 转载于:...
  • 在使用IDEA编码时候,遇到一个问题,在HTML中写入我的css、js、img、存放的...但是,从Controller跳转到这个界面,为什么偏偏加载css、js、img了呢???从网上找了一些方法,但是还是得自己手动记录一下。 解决...
  • jsp项目引入css样式显示的问题

    千次阅读 2019-06-22 10:21:38
    后来改成css/style.css就可以显示了,还没找到原因,有明白的小伙伴请留言 另外分享一个检查引入的css样式路径是否正确的方法: 使用谷歌浏览器,打开引入css样式的jsp/html页面,按f12 找到引入的位置。鼠标右键,...
  • CSS滚动条不显示,但是可以滚动

    千次阅读 2020-04-15 14:06:05
    解决方法,在外层嵌套一个div设置overflow:hidden,内部滚动部分设置overflow-y:scroll,并且宽度略宽与外层,这样滚动条就被隐藏起来了。 .contacts { width: 200px; height: 330px; overflow: hidden;...
  • CSS伪元素设置背景图片不显示解决

    千次阅读 2020-02-12 05:24:49
    CSS伪元素设置背景图片不显示解决 &::after{ position: absolute; bottom: 0; right: -13px; width: 40px; height: 40px; ...
  • vue 打包放服务器,css样式不显示

    千次阅读 2018-09-27 18:23:43
    表单样式,但是表单的MIME type 是流,我们知道表单样式的唯一的MIME类型是text/css,所以的的解决办法是需要在服务器设置表单样式的MIME类型为text/css就可以。 在搜集资料的过程发现,另外一种情况也会出现css...
  • 的时候发现外联的css文件突然不好使了。 但是在html里嵌入的标签里写的样式就好用。 由于我是一个渣渣,所以挣扎了很久想搞清楚怎么回事,后来发现是缓存的问题,猜测可能是服务器端缓存导致样式刷新了(开始胡诌...
  • 要实现手机端的横向滚动,但显示滚动条,如下图: 要实现滚动条消失,但是依然可以滚动,代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8&...
  • width:57px; height:25px; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;  
  • HTML&CSS;实战教程

    万人学习 2017-03-20 12:00:26
    创建标准网页的初学者指南,也适合深入学习Html,CSS的同学,后面课程有深入的讲解,本课程会初级介绍Html和CSS,让你从入门到精通轻松掌握Web开发语言,从元素标签到CSS样式每个部分都详细进行了介绍和讲解,讲解了...
  • jsp中css样式的效果显示,然后自己的路径啥的都没有问题,这就奇怪了,后来才发现是web.xml文件的配置出问题,我想应该是路径被拦截了,就尝试着改了一下&lt;servlet-mapping&gt;,没想到成功了! 具体...
  • CSS3显示滚动条但是可以滚动

    千次阅读 2016-03-31 18:34:47
    ::-webkit-scrollbar{width: 0px;height: 0px;} 注:手机版样式
  • css中实现div的显示和隐藏

    千次阅读 2019-02-01 14:23:00
    为什么80%的码农都做了架构师?>>> ...
  • 2.可能在删除其他的css 的时候 有的页面还没有把css的引用去掉,所以出现了删除安全, 即使能使用里面的css的选择器,但是部署到tomcat之后就是能在页面上正常的显示,可以将css的内容拷贝,重新建一个名字一样的...
  • 被springMVC拦截没写静态释放(对应全部页面css没有) 在@Configuration注解类中(懂得话那就去再学学吧) @Configuration public class MyMvcConfig implements WebMvcConfigurer 1.WebMvcConfigurationAdapter ...
  • css

    千次阅读 多人点赞 2019-09-16 18:56:04
    5. 熟练掌握CSS三种显示模式 6. 熟练掌握CSS背景属性 7. 熟练掌握CSS三大特性 8. 熟练掌握CSS盒子模型 9. 熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS CSS初识 CSS(Cascading Style...
  • css 让文字不显示,消失效果。

    千次阅读 2016-03-21 10:56:44
    .more_02 {ortant; padding-left: 38px; padding-top: 0px; white-space: normal; text-overflow: ellipsis; overflow: hidden; cursor: auto;" >width: 19px;ortant; padding-left: 38px; padding-top: 0px;...
  • 再用webpack打包前端项目的时候出现js文件和css文件能加载的情况: 原因: 1:nginx访问静态资源文件的配置出现问题 2:打包文件路径出现问题 如: //输出文件路径 output:{ //存放文件的路径 path:'...
  • // respone.writeHead(200,{'Content-Type':'text/css'}); var ns = fs.readFile(surl, function(err, data) { if (err) { console.error(err); return; } respone.end(data); }); } } server.on('request'...
  • display:none;占位隐藏 display:“”:显示 visibility:hidden;占位隐藏 visibility:visible;显示
  • 今天在做项目的时候,在项目中新建jsp文件和js文件和css文件,启动服务器,访问页面,加载到js文件和css文件;(文件存在)jsp文件部分代码如下:<link rel="stylesheet" type="text/css" href="static/theme/css/...
  • layui中css无法正常显示

    千次阅读 2018-09-12 17:41:54
    ./layui/css/layui.css"&gt; 这部分关键点在于rel="stylesheet"; rel各个属性值配置的意思:  Alternate -- 定义交替出现的链接   Stylesheet -- 定义一个外部加载的样式表   ...
  • 这么多模板中就只有一套只有模板文件的,能显示出“部分”css,主页上还有部分图片能正常显示的。   前前后后花了十几天的精力总是有的。这可让笔者愁啊愁,愁到白了头。 程序员最重要的能力就是自学能力...
  • 1、打开vscode的设置: 2、在用户设置中添加下面代码 "editor.parameterHints": true, ...步骤如下(如果找到用户设置settings.json):点击:https://blog.csdn.net/qq_25378657/article/details/109516161
  • 我用的是jsp导入的,显示不出来背景图片,但是我用HTML导入能显示出来

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 732,309
精华内容 292,923
关键字:

css不显示