css 设置中文符号占位

2024-08-27

巧用css text-indent减小中文标点符号的占位大小

由于设计需要,我们的页面中经常会有如下效果: 可是我们实现出来的效果确实这样的: 看起来两行文本没有对齐嘛,仔细检查后原来是[字符的原因,因为是中文标点符号占半个字的位置.不信?选中下汉字标点符号看一下即可.至于为什么会占半个字的位置,个人觉得可能是为了方便排版,标点符号也要占一个汉字的空间(想想小时候写的作文标点符号是不是都占一格).标点符号相对于格子左对齐,所以自然一侧留下一半空间.具体原因求科普!查明原因即对症下药,既然中文标点符号占汉字半个位置,那么我们使用CSStext-indent:

css设置中文字体(font-family:"黑体")后样式失效问题

做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-family: "黑体"属性去掉了,一切恢复正常...到网上搜了下,还真有不少人遇到同样的问题,下面摘录一段: css文件里font-family: "黑体";这句会导致后面的css定义全部不起作用了.只要把font-family: "黑体";改成fon

详解CSS设置默认字体样式

浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法. 拿字体来说,各个浏览器默认的字体种类.字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此.所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率. 样

[css] 浏览器字体和css设置字体之间的关系

原文链接:http://www.zhangxinxu.com/wordpress/2010/06/%E5%8F%AF%E7%94%A8%E6%80%A7%E4%B9%8B%E6%B5%8F%E8%A7%88%E5%99%A8%E9%BB%98%E8%AE%A4%E5%AD%97%E4%BD%93%E4%B8%8Ecss%E5%AD%97%E4%BD%93/ 一.浏览器默认字体众所周知,浏览器字体默认的设置为“宋体/simsun字体 16像素”,例如Chrome浏览器下: 二.CSS中设置的字体

几个简单的css设置问题：div居中，ul li不换行，内容超出自动变省略号等

1 div在页面居中的问题 1)position值为relative时(相对定位),css设置属性margin:0 auto;(0 auto,表示上下边界为0,左右则根据宽度自适应相同值,即居中)即可. 2)position值为relative时(绝对定位),css设置属性 text-align:center; left:50%; margin-left:-500px;(左边距margin-left设置为当前div宽度的一半的负值即可). 代码示例: .page { position:

CSS设置input placeholder文本的样式

placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值. 下面是设置placeholder的文本样式的选择器的示例: /* webkit 浏览器*/ #field::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* 火狐浏览器 */ #field::-moz-place

CSS设置表格TD宽度布局

使用表格布局时,对单元格的宽度控制很伤脑筋,所以查阅资料整理如下: 一.表格布局table-layout 语法: table-layout : auto | fixed 取值: auto : 大多数浏览器采用自动表格布局算法对表格布局:表格及单元格的宽度取决于其包含的内容. fixed :表格和列的宽度通过表格的宽度来设置,某一列的宽度仅由该列首行的单元格决定:在当前列中,该单元格所在行之后的行并不会影响整个列宽. **注意** 使用 “fixed” 布局方式时,整个表格可以在其首行被下载后就

全局CSS设置

全局CSS设置 1.清除所有的标记的内外边距 body,ul,li,a,img,p,input{ margin:0; padding:0; } 2.去除项目符号或编号前面的符号 ul,ol,li{ list-style:none; } 3.全局链接效果 a:link , a:visited{color:#444;text-decoration:none;} a:hover{color:red;} 4.网页中所有的文字大小颜色 body{ font-size:12px; font-family:宋

boostrap3 bootstrap-datetimepicker.min.js设置中文语言

问题 bootstrap3中使用bootstrap-datetimepicker遇到设置中文语言的问题解决办法 bootstrap-datetimepicker在使用的时候要先引入momentjs中的moment.js默认显示英文.想要显示中文可以通过在momentjs下载引用moment-with-locales.min.js来设置语言.由于moment-with-locales.min.js文件太大,所有选择引入中文语言包github地址在locale中找到zh-cn.js <!--bo

Eclipse中文语言包安装和设置中文Doc

1.安装中文语言包 Eclipse所有的扩展功能都是以插件的形式添加上去的,安装插件时有多种形式,下面是比较常用的两种: 直接将插件中的文件复制到Eclipse对于的目录中.优点是安装时很方便,缺点是插件增多,卸载和更新的时候会比较麻烦. 一种使用使用Link的方式.优点是对插件的管理会比较方便,缺点是操作起来比第一种方式要麻烦. 1.1 将插件文件直接复制到对应Eclipse扩展目录打开Eclipse程序目录,我们可以看到有两个文件夹:features和plugins.将中文语言包解压后,可

img只显示图片一部分或 css设置背景图片只显示图片指定区域

17:14 2016/3/22img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片左上角为0,0或0%,0%,右下角为高度和宽度,或100%,100%. clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域,分别是上右下左的顺序设置部分代码:<style type="text/css">img {position:abs

css 设置背景图片模糊，内容不模糊

需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 原始代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .content { color: #ffffff; font-size: 40px; } .bg

SecureCRT和SecureFx设置中文乱码

SecureCRT和SecureFx设置中文乱码 SecureCRT和SecureFx连接服务器时中文显示乱码,找了好多资料好久都没整出来,后来整出来了,因此把个人的解决办法提供出来,已变帮助更多的人,同时也方便以后自己配置时不至于到处找资料. Linux系统环境:Red Hat Enterprise Linux6 (64位) 问题一:SecureCRT和SecureFx会话中创建文件或者vi编辑文件时文中的内容显示乱码,但是直接使用linux系统terminal打开此文件时中文显示正常,确诊问

CSS设置滚动条样式

因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决. 比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的.如图所示: 下面就讲解这几个属性怎么使用,代表什么意思. 一:webkit下面的CSS设置滚动条主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-trac

关于使用Css设置Canvas画布大小的问题

问题分析我们在调整画布大小时,希望画布中的图形保持不变,只是改变画布本身的大小.但是如果使用Css设置画布大小,则会出现问题. 问题描述如果使用Css设置Canvas画布的大小,则导致画布按比例缩放到你设置的值. 原因在Canvas元素的内部存在一个名为2d渲染环境(2d redering context)的对象,所以,通过Css设置画布尺寸会引起奇怪的效果. 解决方案在Html页面上加入canvas元素(不能使用js动态加入canvas). 通过Html设置画布大小.可以直接在Html

iOS不得姐项目--登录模块的布局,设置文本框占位文字颜色,自定义内部控件竖直排列的按钮

一.登录模块的布局将一整部分切割成若干部分来完成,如图分成了三部分来完成设置顶部状态栏为白色的方法二.设置文本框占位文字颜色 <1>方法一与方法二实现原理是同一种,都是通过设置placeholder的NSAttributeString来设置文字属性方法二效果图: <2>第三种方法是通过RunTime找到隐藏的可以设置placeholder颜色的属性,通过KVC来赋值.RunTime会单独拿出来讲三.按钮自定义,重新排列子控件的排列位置

兼容性所有浏览器的透明CSS设置

兼容所有浏览器的透明CSS设置: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } UPDATE: I wanted to pull this post out of the archives and update it a bit because it there seems to be a good amount of interest i

eclipse中设置中文javadoc+如何查看class的中文javadoc

一. eclipse中设置中文javadoc 1.先到http://download.java.net/jdk/jdk-api-localizations/jdk-api-zh-cn/publish/1.6.0/html_zh_CN.zip下载中文的JavaDOC. 2.在Eclipse中选择window -> Preferences -> Java -> Installed JREs 3.选择已安装的JRE(JRE1.6.0) 4.在右边选择Edit,将会弹出Edit JRE 5.选

CSS设置行内元素和块级元素的水平居中、垂直居中

CSS设置行内元素的水平居中 div{text-align:center} /*DIV内的行内元素均会水平居中*/ CSS设置行内元素的垂直居中 div{height:30px; line-height:30px} /*DIV内的行内元素均会垂直居中*/ PS:当然,如果既要水平居中又要垂直居中,那么综合一下 div{text-align:center; height:30px; line-height:30px} CSS设置块级元素的水平居中 div p{margin:0 auto; widt

Ubuntu设置中文

Ubuntu设置中文:需要联网下载中文包,不然无法设置中文系统. 进去系统后再右上角有个齿轮图标点击,找到系统设置(System Settings)点击弹出一个界面,找到Language Support,在language的页面中点击Install/Remove Languages,找到Chinese(simplified)并勾选,点击Apply Changes,下载完之后在Language界面将中文拖拽到第一行,点击Apply System-Wide按钮,最后重启系统即可.

在线API，桌面版，jquery，css,Android中文开发文档,JScript,SQL掌用实例

学习帮助文档大全 jquery,css,Android中文开发文档,JScript,SQL掌用实例 http://api.jq-school.com/

css 设置 中文符号占位

热门专题

css 设置中文符号占位