![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
静态页面
redy_
这个作者很懒,什么都没留下…
展开
-
html-css-清除消除连续a标签水平排列之间的间隙
标签之间产生间距的原因不外乎这几种:代码换行、tab(制表符)、空格。接来下将用一个案列来说。解决办法一:把a标签的代码显示为一行,然后再html页面刷新浏览器查看效果,发现a标签之间的间距不见了。但是这种让代码的可阅读性降低,不建议使用解决办法二:把a标签还是恢复为每个标签显示一行,然后设置a标签父类的样式为:font-size:0;接着把a标签的字体样式设置为:font-size:14px; 可以发现间距消失。【我使用的方法!】解决办法三:使用css3样式属性display:flex设定水平垂直居中,父原创 2022-06-18 13:11:55 · 1104 阅读 · 0 评论 -
hover控制紧挨着的兄弟标签显示无效果的可能原因
常见的基础原因:提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。但是我的不显示问题不是这些原因;好吧,又回去检查了一下,发现就是我类名书写的问题,再见各位!...原创 2022-06-17 16:55:38 · 471 阅读 · 0 评论 -
多个ul水平排列出现完美重叠的现象-解决办法
在网上找了很久没有发现该如何处理,最后我选择了直接移动每个ul,正好我ul不多,只有四个。每个ul使用偏移就好实现了想要的效果原创 2022-06-17 16:14:25 · 346 阅读 · 0 评论 -
多个li标签在垂直方向上出现重叠importtant
原问题代码网上常见的什么position的值absolute或者relative等都无效果参见网址:https://blog.csdn.net/weixin_44900565/article/details/107159624我最后使用的方法:给li标签设置important达到效果即回头来看,应该是ul li标签的width height宽高设置被更重要的属性给覆盖了,所以使用!important可以实现想要的效果。在这里插入图片描述...原创 2022-06-16 23:28:51 · 260 阅读 · 0 评论 -
图片img和文字span水平排列,在垂直方向上不居中的问题
图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)原代码对文字span使用height=line-height也无法使文字垂直居中并且span的padding和maigin均无效果通过对img设置垂直居中实现了将文字居中,虽然我不理解修改后的css代码最后的效果......原创 2022-06-16 21:11:10 · 1098 阅读 · 0 评论 -
a元素标签不显示背景图片
css定义背景图显示不了的原因:我就遇到了,因为a标签是行内元素,无文字的话是没有宽高的。加代码改为块级元素即可显示背景图片原创 2022-06-16 17:14:28 · 641 阅读 · 0 评论 -
img图片和文字上下排放文字出现下移无法垂直居中
code文字偏下没有找到解决办法,通过设置图片和文字的包围元素span的padd-bottom实现修改后的css代码原创 2022-06-16 16:26:29 · 836 阅读 · 0 评论 -
div边框阴影写法
加上原创 2022-06-16 15:27:38 · 542 阅读 · 0 评论 -
兄弟级别的hover控制 hover显示兄弟标签元素
控制兄弟标签源代码当鼠标达到a标签的时候,div的cart-menu标签进行显示加代码原创 2022-06-16 15:15:33 · 1753 阅读 · 0 评论 -
div内的a标签和img标签垂直居中,图片和文字并排垂直居中
图片和文字垂直方向不居中源代码解决办法在图片img的样式中加入代码即效果完成原创 2022-06-16 11:33:55 · 1612 阅读 · 0 评论 -
消除多个a标签之间a标签前面的空隙
代码问题原因:a标签默认是行内元素,而行内元素之间的回车键、多个空格、多个制表符(tab)等均会按一个空格来处理,这样的话,如果相邻的两个a标签不在同一行(换句话说它们之间有回车换行符),则显示在页面的时候它们之间就会出现一个空格的间隙。解决办法一:要想解决这个问题,最好也是最简单的办法,就是把它们写在同一行且互相之间不留任何字符(包括空格),比如:办法二:既要把它们写在不同的行,又不想有空隙,可以把a标签改为块级元素。但是要想让块级的a标签仍然排在同一行就要多费一番手脚了,比如通过浮动(浮动时a原创 2022-06-16 11:25:45 · 885 阅读 · 0 评论 -
html-li标签下的a文字内容出现重叠
css文字出现重叠因为我把宽度给人家占了删掉这一句即可原创 2022-06-14 17:07:03 · 894 阅读 · 0 评论 -
input输入框获取focus光标时的边框效果无法删除
input的focus的边框多一个黑色的外层无法删除。原样式:需要删除input的原样式参考网址:https://blog.csdn.net/Mr_yq/article/details/78238858修改成功原创 2022-06-14 10:25:42 · 245 阅读 · 0 评论 -
input的text和button在height高度一样的情况下显示的效果在高度上有差距
input的text和button在height高度一样的情况下显示的效果在高度上有差距原CSS文件两个元素的height:52px;但显示的高度有差距button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部。button的高度包含边框的高度,而文本框text则不包含边框高度。这就导致input高度会比button高两像素。参考网址:https://blog.csdn.net/qq_42527726/article/det原创 2022-06-14 10:14:13 · 566 阅读 · 1 评论