草庐IT

uv_work_t

全部标签

html - 为什么宽度是: 100% not working for my responsive design?

我在创建我的作品集时偶然发现了一个错误,我无法为响应式设计解决这个错误。使用chrome开发者工具,我看到当屏幕宽度小于或等于1200px时,我的width:1000%被删除了;看图片,红色边框就在那里以确保媒体查询确实有效,为了方便起见,我删除了很多代码,但下面是我认为相对的。标题图片我们可以看到width被删除了,我仍然有垂直滚动。HTML代码:CurrentProjectsPreviousProjectsContactme!AsheemChhetriProjectsShowmemoreCSS代码:*{margin:0;padding:0;box-sizing:border-box

html - 显示 :none doesn't work for option

演示hereHTML:display:nonenotworks,thehiddencannotselect.ABCDEFGHIdisplay:noneworks,thehiddencanselect.ABCDEFGHICSS:select{width:50px;}[value=C]{display:none;}/*willholdtheposition*/[value=B]{visibility:hidden;}size属性会影响显示和可见性,这是​​怎么回事?如何隐藏select中具有size属性的选项? 最佳答案 查看更新的部分

html - 显示 :none doesn't work for option

演示hereHTML:display:nonenotworks,thehiddencannotselect.ABCDEFGHIdisplay:noneworks,thehiddencanselect.ABCDEFGHICSS:select{width:50px;}[value=C]{display:none;}/*willholdtheposition*/[value=B]{visibility:hidden;}size属性会影响显示和可见性,这是​​怎么回事?如何隐藏select中具有size属性的选项? 最佳答案 查看更新的部分

jquery - 文本对齐 :center not working

我正在使用jquerymobile并具有以下html和css:.ui-grid-a{padding:0;margin:0;margin-top:15px;height:380px;}.ui-block-a,.ui-block-b{padding:0;margin:0;height:33.3%;}.ui-block-aa,.ui-block-ba{width:50%;}.ui-bar-a,ui-bar{margin:0auto;padding:0;height:90%;width:90%;max-width:500px;text-align:center;/*Gradientset-up

jquery - 文本对齐 :center not working

我正在使用jquerymobile并具有以下html和css:.ui-grid-a{padding:0;margin:0;margin-top:15px;height:380px;}.ui-block-a,.ui-block-b{padding:0;margin:0;height:33.3%;}.ui-block-aa,.ui-block-ba{width:50%;}.ui-bar-a,ui-bar{margin:0auto;padding:0;height:90%;width:90%;max-width:500px;text-align:center;/*Gradientset-up

html - CSS :hover effect not working when I set an ID to the paragraph

我有以下具有轻松效果的css3转换:HTMLCSS*{padding:0;margin:0;}.button{width:180px;margin-top:45px;}.buttona{display:block;height:40px;width:180px;/*TYPE*/color:black;font:17px/50pxHelvetica,Verdana,sans-serif;text-decoration:none;text-align:center;text-transform:uppercase;}.buttona{background:url(http://images

html - CSS :hover effect not working when I set an ID to the paragraph

我有以下具有轻松效果的css3转换:HTMLCSS*{padding:0;margin:0;}.button{width:180px;margin-top:45px;}.buttona{display:block;height:40px;width:180px;/*TYPE*/color:black;font:17px/50pxHelvetica,Verdana,sans-serif;text-decoration:none;text-align:center;text-transform:uppercase;}.buttona{background:url(http://images

html - 显示 : table and text-align right not working

我有一个像这样的html结构:NyapptiliPhoneogiPadTipsogvinnPicturegoeshere我希望campainText右对齐。这个元素的css是这样的:font-family:'Spinnaker',sans-serif;font-size:17px;color:#FFFFFF;background-color:#A2AD00;display:table;padding:4px;margin:4px4px4px4px;text-decoration:none;我知道CSS的其余部分可以正常工作。问题是如果我在显示字段中包含表格选项,文本将左对齐。一旦我删除

html - 显示 : table and text-align right not working

我有一个像这样的html结构:NyapptiliPhoneogiPadTipsogvinnPicturegoeshere我希望campainText右对齐。这个元素的css是这样的:font-family:'Spinnaker',sans-serif;font-size:17px;color:#FFFFFF;background-color:#A2AD00;display:table;padding:4px;margin:4px4px4px4px;text-decoration:none;我知道CSS的其余部分可以正常工作。问题是如果我在显示字段中包含表格选项,文本将左对齐。一旦我删除

html - 为什么align-self是: stretch not working on a flex item?

我正在尝试拉伸(stretch).side-bardiv,使其占据整个窗口的高度。我将flex添加到flex容器并指定了flex元素的宽度和高度,但侧边栏的高度显示为与flex元素相同。是因为我的CSS类的顺序吗?*{margin:0;}.flex-container{display:flex;height:500px;border:1pxsolidblue;}.flex-items{width:100px;height:250px;border:1pxsolidred;}.side-bar{width:400px;align-self:stretch;}