解决list-style-type属性失效

有的时候我们在网页中对li标签设置了它的css属性，比如list-style-type:disc;然而我们的网页前端呈现结果中却看不到我们的效果，但是css又显示没错，我们该如何解决？其实造成这种现象的原因有两种可能，一种是li属性设置了list-style-position:outside;列表符号的位置在盒模型之外，所以第二个列表项的符号被第一个列表项盖住，或者被前面的框架覆盖，所以就看不到效果，还有一种情况就是li元素设置了float:left;属性也会造成LI元素不正常。解决办法：方法一：直接修改list-style-position:outside;为list-style-position:inside方法二：在list-style-position:outside;的情况下给列表符号留个位置来显示，比如说给li加个属性margin-left：50px；第二种情况直接删掉浮动元素float即可。

转载于:https://www.cnblogs.com/studyh5/p/8494518.html

解决list-style-type属性失效相关推荐

解决toastr的escapeHtml属性失效问题
问题背景 js的toastr提示通知插件还是非常好用的.官方说它的escapeHtml属性可以使toastr的body(即内容)中含有的html代码被转义识别.但我在开发使用中发现无论是使用如下的 t ...
标签中包含input时line-height属性失效的解决办法
今天在项目中碰到一个问题,就是在ie6下,p标签的line-height不起作用.琢磨了好久,在javascript罗浮宫的同学提示下,才知道包含了input标签时,ie6下行高会失效,其它浏览器均正 ...
JQ无法修改input的type属性的替代解决方法
JQ无法修改input的type属性的替代解决方法参考文章: (1)JQ无法修改input的type属性的替代解决方法 (2)https://www.cnblogs.com/wsun/p/56300 ...
微信小程序之解决background-image属性失效
在做微信小程序时,当遇到需要给某个组件加背景图片时,通常是使用 background-image 这个属性.在以往的网页程序中,直接在这个属性后面加上相对路径或绝对路径,便可以将背景图片显示出来.但是 ...
uniapp - [完美解决] 手机数字键盘没有小数点，当 input 输入框的 type 属性设置 number 后，手机系统的软键盘无法输入小数点和符号问题（此方案 uniapp 全端全平台适用）
效果图正常在uniapp项目中,用户想要输入数字或金额时,通常都会将 <input> 的 type 属性设置为 number.但是问题来了,可能在苹果IOS手机.小程序上.个别安卓机上就 ...
uniapp--动态设置input的type属性会使input样式失效
随手记录: <input :type="type" /> 动态设置type属性会导致样式丢失解决办法: 使用v-if: <input type="p ...
html自动播放视频不可用muted,html5_videoaudio的autoplay属性失效的解决方法
autoPlay属性失效的原因 chrome 66以上的版本为了避免多媒体标签产生随机噪音,规定了不为静音的标签不能自动播放,需手动触发开始播放,标签定义为静音(muted: true)才可以自动播放 ...
input的type属性的修改
记录一下成长的历程吧! 刚开始写,没什么文笔,也没什么技术含量,可能主要的是纪录一下平常工作学习中遇到的问题,以及解决的办法吧.或者只有问题,没有解决办法. 前两天项目中遇到的一个问题,由于之前一直没 ...
html5 input的type属性启动数字输入法
当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出启动数字键盘的需求,我和大多数人一样用 this.style ...
ElementUI的el-card中，内部元素margin属性失效问题
问题: 在使用 el-card 时内部的分页组件超出了 el-card 的范围,而且 margin 属性失效,无法控制,很不好看: 解决方法: 给分页组件外层加一个 div,定位属性 position ...

解决list-style-type属性失效

解决list-style-type属性失效相关推荐

最新文章

热门文章