草庐IT

line_size

全部标签

php - css 中有没有办法清除所有 font-family + font-size 样式声明?

我有一个页面是cms/wysiwyg/msword噩梦。它从数据库中提取许多文本段落,其中一些保留了msword的奇怪html标签——包括字体声明!!!啊!一句话我可以有这样的东西:thisissomeuglytext!我想知道是否有一种方法可以删除所有字体系列和字体大小样式,以便它们适应主样式表css?如果可以避免的话,我宁愿不要进入大量的preg_replace条件。谢谢 最佳答案 CSS:span{font-family:initial!important;font-size:initial!important;}

html - Bootstrap : How to "stick" a button over an image when re-sizing

我有一个图像,我需要在其中放置一个按钮,问题是我不知道如何放置按钮并在缩小浏览器时自动调整大小和位置,现在我有按钮就位,但当我重新调整浏览器大小时按钮移动变小,我尝试在css购买中使用百分比不起作用,我该怎么办?textCSS:.withimg{width:100%;overflow:hidden;padding:0px;margin:0px;}#discover{position:relative;}#bttnimg{float:left;position:absolute;left:62%;top:25%;max-width:750px;} 最佳答案

html - 响应式图片 - srcset 和 sizes 属性 - 如何正确使用两者 : device-pixel-ratio-based and viewport-based selection together?

到目前为止,我经常读到这个问题,它也发生在我自己的元素中。这里介绍一下我到目前为止发现的关于srcset和sizes属性的信息。关于如何使用srcset属性有两种不同的可能性(来源w3c:http://w3c.github.io/html/semantics-embedded-content.html#device-pixel-ratio):基于设备像素比当图像渲染尺寸固定时的选择这是使用srcset的一种简单可靠的方法。您只需说:如果目标设备的设备像素比大于x,则以以下更高分辨率显示此图像。Thexdescriptorisnotappropriatewhentherenderedsi

html - Bootstrap 3 : keep navbar items outside the collapse without wrapping to a new line?

这个问题在这里已经有了答案:Excludemenuitemfromthecollapseofbootstrap3navbar(3个答案)关闭6年前。我可以使用一些帮助让我的Bootstrap3导航栏在折叠时看起来正确。如果这是一个重复的问题,我深表歉意,但经过长时间的搜索仍未找到我需要的答案。我已经基于Bootstrap演示代码创建了一个响应式导航栏。在其中,有一个40x40图像和一个链接到下拉菜单的球形字形,我已将其右对齐并从导航折叠中省略。不幸的是,当导航折叠时,40x40和地球仪字形出现在新的一行上,这是我不想要的。当导航折叠时,我的完美布局是让40x40和地球与我的品牌形象、折

html - line-height属性可以继承父div的height属性还是access所属div的height属性?

我有一个高度为50px的div,其中包含一个子div。子div的高度通过使用css属性/值对继承自父级:height:100%。SomeText我想垂直对齐子div中的文本,为此我将line-height属性添加到子div。SomeText请注意,对于line-height,我必须将高度明确定义为50px。子div可以继承父级的height属性(使用height:100%)但是line-height我必须明确设置值吗?如果是这样,这(IMO)有点乱,因为假设我有一个嵌套10层深的div,它一直继承height属性.然后,如果我想垂直对齐此div中的文本,我不仅必须硬编码该值等于最上层父

javascript - Google Charts : Line Chart: Doesn't display in IE and Firefox, 但适用于 chrome

我有一个简单的图表(尽管包含大量数据),它在chrome中呈现良好但在IE或Firefox中无法呈现。由于我对网络开发知之甚少,所以我不知道如何找出问题所在。谁能帮我弄清楚哪里出了问题,也许可以解释一下他们是如何弄清楚的?google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn('datetime','

android - java.lang.OutOfMemoryError : bitmap size exceeds VM budget - Android

我在Android上开发了一个使用大量图像的应用程序。应用运行一次,在屏幕上填充信息(Layouts、Listviews、Textviews、ImageViews等),用户阅读信息。没有动画,没有特殊效果或任何可以填满内存的东西。有时drawables可以改变。有些是android资源,有些是保存在SDCARD文件夹中的文件。然后用户退出(onDestroy方法被执行并且应用程序被VM留在内存中)然后在某个时候用户再次进入。每次用户进入应用,我可以看到内存越来越大,直到用户得到java.lang.OutOfMemoryError。那么处理许多图像的最佳/正确方法是什么?我应该把它们放在

android - java.lang.OutOfMemoryError : bitmap size exceeds VM budget - Android

我在Android上开发了一个使用大量图像的应用程序。应用运行一次,在屏幕上填充信息(Layouts、Listviews、Textviews、ImageViews等),用户阅读信息。没有动画,没有特殊效果或任何可以填满内存的东西。有时drawables可以改变。有些是android资源,有些是保存在SDCARD文件夹中的文件。然后用户退出(onDestroy方法被执行并且应用程序被VM留在内存中)然后在某个时候用户再次进入。每次用户进入应用,我可以看到内存越来越大,直到用户得到java.lang.OutOfMemoryError。那么处理许多图像的最佳/正确方法是什么?我应该把它们放在

css - br line-height in safari 和 chrome 留空

在我的HTML中我有一个,并在内我需要不同的文本行之间的垂直间距。我通过使用实现了这一点具有对应于我想要的间距量的CSS类的元素。例如,对于5px的间隙,我使用与height5类:同样,height2和height10以及出于相同目的而存在的任何东西。CSS类定义如下:br.height2{line-height:2px;}br.height5{line-height:5px;}这在IE6+、FF2+和Opera中有效,但由于某些原因,Safari和Chrome中存在巨大差距(就好像这两个浏览器忽略它并且只是应用常规中断)。我尝试使用更大的行高(例如20px或30px)进行测试,Saf

javascript - 两个 HTML block 之间的差异 : structural instead of lines/chars?

我正在寻找一个JavaScript差异引擎,它将返回两个HTMLblock的结构差异。也就是说,不是“在这一行,在某某字符处,发生了一些事情”,而是“这个元素被插入到这个元素之后”,或者“这个元素被删除了”,或者“这个文本节点是改变”等粗略的研究表明这很难。具体场景是我有一个Markdown文本编辑器的实时预览。它仅适用于文本,但一旦用户在YouTube中发帖嵌入,然后它在每次击键时渲染/重新加载,这是非常昂贵的。大图像也很困难,因为它们在从缓存加载时会导致令人作呕的抖动效果(至少在WebKit中是这样)。jQuery.html()的替代品会很漂亮这不是仅仅替换HTML内容,而是将旧内