`
zhengcaihai529
  • 浏览: 47278 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

CSS样式处理的一些记录

 
阅读更多

1、特别是火狐,选择了文本再拖动的时候就会新开一个tab页搜索内容,很麻烦,但是可以通过样式处理

 

-moz-user-select: none;//firefox

-webkit-user-select: none;//chrome

 

2、div 事件穿透,通过样式pointer-events:none;来设置,但是注意,在ie下无效。

 

3、div文本居底做法,由于div没有像table及其子元素一样有valign,所以在div中文本居底会相对麻烦些,通过以下办法可以做到:

 

<div class="cell" style="max-width: 319px; max-height: 62px; vertical-align: bottom;"> <div>cccccccc</div>

</div>

 

.cell{

position: relative;

z-index: -1;

display: table-cell;

height: inherit;

width: inherit;

word-wrap: break-word;

pointer-events: none;

text-align: center;

}

 

关键是以上的display属性,使用table-cell方式,这样vertical-align: bottom;就可以生效了。

 

 

特此记录,iteye编辑器不能直接传本地图片所以就不上传了,不过还是希望可以帮到碰到这样的问题的朋友

分享到:
评论

相关推荐

    多行记录点击显示不同的CSS样式

    总结起来,实现“多行记录点击显示不同的CSS样式”涉及了CSS选择器、伪类、JavaScript事件处理以及可能的交互动画。通过理解并掌握这些技术,你可以创建出更具交互性的网页,提升用户的操作体验。在进行此类开发时,...

    jQuery制作控制css样式表切换各个样式表

    通过使用jQuery,我们可以轻松地实现动态切换不同的CSS样式表,从而改变网页的视觉效果。下面将详细讲解如何使用jQuery来实现这一功能。 首先,我们需要在HTML文档中引入jQuery库。通常,我们可以通过CDN链接或者...

    CSS 样式 编辑器

    **CSS样式编辑器详解** CSS(Cascading Style Sheets)样式表是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档呈现的语言,它控制着网页的布局和外观。一个强大的CSS样式编辑器是网站设计者不可或缺...

    java日志处理类,CSS表格样式

    3. **日志级别样式**:可以使用类选择器(class selector)根据日志级别应用不同的CSS样式,比如上面的`.error`类用于表示错误级别的日志,使其更显眼。 在实际项目中,结合日志框架和CSS,我们可以创建出既实用又...

    css样式的显示和隐藏.md

    ### CSS样式的显示与隐藏知识点解析 #### 一、标题解析 标题“css样式的显示和隐藏.md”明确指出文章将围绕CSS中的显示与隐藏属性展开。在网页设计与开发中,显示与隐藏元素是非常常见的需求之一,通过CSS可以轻松...

    JSP SSH DIV CSS 简单论坛

    通过使用CSS,开发者可以将内容和样式分离,使得网页设计更加整洁,易于维护和更新。 这个“JSP SSH DIV CSS 简单论坛”项目可能是基于上述技术构建的一个小型社区交流平台。在这样的论坛中,用户可以注册、登录,...

    jQuery购买记录列表文字滚动更新代码

    **二、CSS样式** 在`css`目录下的样式表文件中,我们需要对购买记录列表的样式进行设置,确保它们按预期布局并有良好的视觉效果。例如: ```css #purchase-log { height: 300px; /* 设置一个固定高度,超出部分将...

    CSS实现星型投票效果

    以下是一个基本的CSS样式示例: ```css .star-rating { display: inline-block; position: relative; width: 120px; /* 调整宽度以适应星星数量 */ } .star { display: inline-block; position: absolute; ...

    运用jQuery做成,html css js样式的日历

    此外,HTML还可能包含一些隐藏的元素,如用于记录当前月份和年份的`&lt;input&gt;`元素,这些数据在JavaScript中可以方便地获取和更新。 CSS(Cascading Style Sheets)则负责美化和布局网页元素。在这个日历组件中,CSS...

    微信div切换样式所需的js和css库

    `example.css`负责样式设计,`zepto.min.js`提供便利的DOM操作和事件处理,而`example.js`则是整个功能的控制器,两者结合,可以轻松实现动态、互动的div切换效果。对于初学者,这是一个很好的实践案例,对于有经验...

    CSS样式 JS特效 Java小工具 文学文档 Java插件 截图软件

    总的来说,这个压缩包可能包含了一套完整的Web开发资源,包括前端的CSS样式和JavaScript特效,后端的Java小工具和插件,以及一个用于处理文件转换的实用程序。对于开发者而言,这是一个涵盖多个领域的综合工具包,...

    CSS-技巧记录CSS-技巧记录

    5. **Flexbox布局**:CSS Flexible Box布局模型用于创建灵活、响应式的布局,能处理容器内元素的对齐、顺序和大小调整。主要属性有`display: flex`、`flex-direction`、`justify-content`、`align-items`等。 6. **...

    将记录转换为html样式表文件

    - 根据需求设计CSS样式,定义颜色、布局和交互效果。 - 可以将CSS写入内联样式(在HTML元素中直接写样式),或者链接外部CSS文件,提供更好的组织和重用性。 6. **整合HTML和CSS** - 将生成的HTML文件与CSS文件...

    基于java web学生管理系统数据库mysql基本没有css样式,很基础的写法

    由于描述中提到“基本没有CSS样式”,因此我们可以推断,这个项目更侧重于后端逻辑实现,而前端界面可能较为简洁,没有过多的美化处理。 在Java Web开发中,通常会采用Model-View-Controller(MVC)架构模式。在这...

    Div+CSS层完美实现拖拽特效

    首先,要实现Div的拖拽功能,我们需要创建一个可拖动的Div元素,并为其添加CSS样式,使其看起来像一个独立的层。这通常包括设置边框、背景色、透明度等属性,以及通过`position: absolute`或`position: fixed`来让该...

Global site tag (gtag.js) - Google Analytics