草庐IT

Cipher-Text

全部标签

html - Bootstrap 4 : Button align text with icon

所以我正在制作一个左侧带有图标的按钮。而且排列困惑。我的文字没有与图标中间对齐,我不知道如何解决这个问题。行高似乎没有做任何事情。或触摸填充/边距,因为我已将填充添加到图标区域,因为我需要它比文本背景更暗。这是图片预览:有什么方法可以解决对齐问题?或者有没有一种方法可以使用Bootstrap4更轻松地完成此类按钮?这是我的代码:.btn-primary{background-color:#3382c7;font-size:10px;font-weight:bold;text-transform:uppercase;span{padding-left:25px;padding-right

html - @media 打印 div : How to solve overlapping page text on header?

在Firefox的页面中打印屏幕时,我使用@media在每个页面上打印标题。我的CSS设置如下:@mediaprint{div.printDivHeader{font-family:Arial,Helvetica,sans-serif;font-size:1.0em;position:fixed;display:block;width:100%;height:auto;top:0;}}问题是第二页的内容与打印div标题重叠。(即,在第二页上,页眉不会强制页面内容向下,所以我得到的是文本覆盖文本)。有什么办法可以解决这个问题吗? 最佳答案

css - 将外部 div 居中, 'text-align:center' 未按预期工作

我在一个div中有一段内容,目前它位于左侧居中。Fiddle.我尝试添加一个容器div,例如:[content]但运气不好。也试过这个:[content]内容仍然左对齐。这可行,但我想找到使用CSS执行此操作的正确方法:[content]感谢协助。我很想用表格来做这件事,但我需要改掉旧习惯! 最佳答案 如果您尝试让外部div相对于其父级(body)居中,您应该将其横向边距设置为auto:bodydiv{margin:auto;}如你所见here 关于css-将外部div居中,'text-

jquery - 给一个 "text-align: center"的 div 一个 "text-align: left"仅用于包装内容

使用CSS或JQuery(首选CSS),是否可以采用一个div(宽度为100%),将其内容居中,并将任何换行的内容对齐到左侧?想象一下以您的浏览器为中心的一组图标。如果您减小浏览器的宽度,而不是在第二行的中心显示环绕图标,我希望它们左对齐。我在发帖前尝试在这里搜索,但找不到与我的问题完全匹配的内容。更新:@ExplosionPills解决了它,但这里有一个更新的JSFiddle,它通过将word-wrap:pre-wrap;添加到外部div来解决IE和Chrome以外的浏览器>:http://jsfiddle.net/etY4r/2/ 最佳答案

html - 将 emmet 自动完成扩展到 sublime text 中的多行

当我使用emmet在sublimetext2中键入以下内容时:.one>label{foo}+input:r我得到一长串代码foo有什么方法可以让emmet/sublime输出这种样式吗?foo我尝试使用snippets.json但没有成功 最佳答案 创建Packages/User/Emmet.sublime-settings的内容{//Outputprofilesforsyntaxes//http://docs.emmet.io/customization/syntax-profiles/"syntaxProfiles":{"ht

css - HTML/CSS : Extra spacing above and below text-type input

实例:http://jsfiddle.net/yDQXG/我在Chrome中看到的:http://i.imgur.com/shLfA.png我似乎无法弄清楚输入元素(蓝色字段)周围的间距是从哪里来的。有什么想法吗?Line1 Line2 最佳答案 因为它们是行内元素。同样的事情经常发生在图像上。您需要做的就是将display:block添加到您的输入中:input.blockheader{margin:0;padding:0;text-align:center;background:#ABD9E2;font:11p

javascript - 有没有办法在输入类型 'tab' 上禁用 ='text' ?

是否有跨浏览器的解决方案来禁用输入类型='文本'上的'制表符'?按“tab”将您移动到下一个“可聚焦”组件(例如按钮)我想用“tab”来做其他事情。例如即使在谷歌搜索选项卡中,也只是用于自动完成建议的文本,而不是将您移动到下一个可聚焦的组件...谢谢 最佳答案 document.querySelector('input').addEventListener('keydown',function(e){if(e.which==9){e.preventDefault();}});取决于您使用的跨浏览器,因为上面仅支持IE9(和其他现代浏

HTML + CSS : Add a class/id to simple text

我目前陷入了一个可能非常微不足道的问题:我有一个带有文本的简单HTML/CSS页面:ThisisaTextaboutFoobar.如何为单词Text分配CSS类/id?不破坏格式?假设我想添加类.yellow到它,显示带有黄色背景的文本。我想我遇到了一些阻碍我思考的事情,因为它并没有那么难......但是我可以谷歌搜索(主要是琐碎的教程)只在普通的HTML元素上使用CSS,比如或这会破坏我的格式。 最佳答案 我认为您错过了标签。试试这个:ThisisaTextaboutFoobar.在CSS中:.yellow{color:yello

html - 在 XPath 中测试 text() 节点与字符串值

我有一个节点如下:OfficeHours对于我使用的XPath//span[text()='OfficeHours']这应该有效,但它从来没有。我可以使用*contains(text(),'OfficeHours')]*但这不会找到完全匹配,我必须验证没有“*”。这不是唯一一次对我不起作用。我以前见过它工作,所以我不知道出了什么问题。有什么想法吗?是的,我可以并且确实使用starts-with,但它并不完全相同。 最佳答案 XPathtext()=不同于XPath.=(匹配文本节点与匹配字符串值不同)以下XPath不相同...//s

html - 在包含大量 <input type ="text"> 字段的网页上键入时,Mac 上的 Safari 响应缓慢

我最近在做一个项目,在Mac上的Safari中发现了一个奇怪的问题。当Safari加载包含过多输入文本字段的网页时,在这些字段中聚焦和键入时速度会变慢。我制作了一个简单的php页面来测试。代码如下:";}?>然后在Yosemite的Safari8.0或者Mavericks的Safari7.0中打开,尝试在一些字段中输入一些东西,你会发现Safari在输入时react很慢。但如果在Firefox或Chrome中打开此php页面,他们会以正常速度非常快速地响应输入。我还尝试使用一些可编辑的divblock来替换输入文本字段,我发现在Safari中这些可编辑的div响应输入速度非常快,不像输