LMLPHP后院

前端技术之CSS实现图片垂直居中

让图片实现水平居中比较简单,只需要在父级容器中添加属性 text-align 为 center 即可。使用纯 CSS 实现图片的垂直居中,可以将图片包裹容器的 display 属性设置为 table-cell,然后加上 vertical-align: middle 就好了 。table-cell 的显示效果同 table 是一样的,兼容性还不错,所以直接使用 table 来包裹图片也是同样的效果,个人...

CSS之Button样式兼容Safari浏览器的写法

HTML 默认的 button 样式在 Safari 系列浏览器中是不一样的,所以有些按钮样式在苹果设备中显示的比较怪异。下面给出兼容 Safari 浏览器的 button CSS 样式的写法,这样可以去除苹果设备浏览器中比较怪异的显示效果。input.sb { cursor:pointer; color:white; background:#9ea2c0; width:98px; padding:0;...

PHP 函数 mime_content_type 的缺陷

PHP7.1.10 函数 mime_content_type 有个小的 Bug,至少是个缺陷。对于 css 后缀的文件返回的类型是 text/plain。这样导致 css 没法被浏览器解析,页面当然会出问题。echo mime_content_type('mime.css'); // text/plain对于 js 文件返回 text/plain 浏览器会正常解析,但是 css 是不行的。...

CSS兼容问题IE6/IE7浏览器position为relative时margin失效

发现一个 CSS 的不兼容问题,算是 IE6 和 IE7 的 Bug。IE6 和 IE7 在标签的 position 属性是 relative 时,margin-left 或 margin-right 或 margin-top 是没有效果的,这个时候比较好的解决办法就是使用 left 或 top 属性来达到位置的偏移。但是 margin 属性也不完全没有作用,只是偏移出现问题,使用 margin:aut...

CSS实现文字一行显示带省略号

k: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px; </style> CSS原生自带的功能虽然好,但是用起来不怎么好看,好像省略号的样式不能控制。 ...

前端技术之导航栏浮动最佳实践

' ) { x = w.pageXOffset; y = w.pageYOffset; } else { docEl = (doc.compatMode && doc.compatMode === 'CSS1Compat') ? doc.documentElement : doc.body; x = docEl.scrollLeft; y = docEl.scrollTop; } return {x :...

CSS实现pre标签中内容换行方法

ce 来控制 DIV 中内容显示的样式,此举也是可以的。 本人认为,在源代码中使用 PRE 标签作为代码容器是首选,后期前端再用其他的 JavaScript 代码高亮插件美化渲染,那又另当别论。使用 CSS 将 PRE 中内容换行的样式如下,测试发现效果还不错。 <style> pre{ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-w...

css big event gray how to achieve

针对大事件灰色效果,CSS 的工作量可谓不小,可 CSS3 来了,只需一行代码搞定,其实就是这么简单,无需做什么准备。.big-event-gray { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* -webkit-filter: grayscale(100%); */ -moz-filter: graysca...

开源JavaScript框架LMLJS发布

时下,很多网站都直接在网页源文件中加载 Jquery,或者直接在头部标签中载入大量的 JS 和 CSS,这些网站中也不乏很多流量较大的网站。其实这种做法是不理智的,也是极其不负责的行为。相信大家都有这样的经历,一个网页打开后,浏览器一直在转圈圈,让眼睛看着很不舒服,网页也非常的卡,页面中很多东西都没有生效,这些都是网站在设计过程中的不负责导致的。 LMLJS 框架是 LML 团队打造的继 LMLPHP,...

一张图看懂HTTP协议Cookie多级域名优先级

nx 服务器呢? 如果每一级域名种植 Cookie 都是指定域名的,也就是在浏览器的审查元素或者 FireBug 里面会显示点前缀的域名,优先级是按照一般人的常识的,这里就不再截图验证了,有点像极了 CSS 的优先级,不过 CSS 的难度要大一些。 ...
2024-04-20 15:16:46 1713597406 0.017047