解决vscode提示警告:Property is ignored due to the display, With 'display inline

Property is ignored due to the display. With 'display: inline', the width, height, margin-top, margin-bottom, and float properties have no effect.css(propertyIgnoredDueToDisplay)

问题

小编最近喜欢用vscode写代码。前几天新装一插件,名曰HTML CSS Support,DIY css时发现:

当一个类的样式设置为 display: inline 时,会报个警告,内容为

Property is ignored due to the display. With 'display: inline', the width, height, margin-top, margin-bottom, and float properties have no effect.css(propertyIgnoredDueToDisplay)

有道翻译下:

属性将由于显示而被忽略。使用“display: inline”,宽度、高度、页边距顶部、页边距底部和浮动属性都没有效果。

解决

小编很粗浅,只能想到原因是将两个元素直接放在一行不行,需要每个元素都块状显示才可以。

遂将

.w-6 {
    display: inline;
    width: 50%;
}

更新为:

.w-6 {
    display: inline-block;
    width: 50%;
}

果然可以。

问题OK~

题外话

话说小编今日为啥不用百度翻译呢?请看下图:

在这里插入图片描述

意不意外?惊不惊喜?百度竟然报错啦!

小编很意外,遂记录之~

恶趣味

小编发送的请求:
https://fanyi.baidu.com/translate?aldtype=16047&query=Property+is+ignored+due+to+the+display.+With+%27display%3A+inline%27%2C+the+width%2C+height%2C+margin-top%2C+margin-bottom%2C+and+float+properties+have+no+effect.css%28propertyIgnoredDueToDisplay%29&keyfrom=baidu&smartresult=dict&lang=auto2zh

响应内容:

Error 5005
源站配置错误

DuEdge Event ID: 7bee77aba80428a3 你的IP: 101.80.54.179

如果您是网站管理员,点击查看如何修复。

DuEdge Event ID 7bee77aba80428a3  |  你的IP: 101.80.54.179  |  域名信息: fanyi.baidu.com
帮助支持 | 产品论坛

虽说再次刷新依然正常,但依然被小编截屏~

报错内容:

/favicon.ico:1 Failed to load resource: the server responded with a status of 409 ()
translate?aldtype=16…dict&lang=auto2zh:1 Failed to load resource: the server responded with a status of 409 ()

2019-5-15

版权声明

弈心博客


本文首发site_name,转载请附上博文链接!