zengshaotao
- 浏览: 791748 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (981)
- javascript (102)
- java (212)
- JQuery (81)
- 幽默笑话 (2)
- 只言片语 (6)
- 开发小记 (283)
- Hibernate (17)
- DWR (4)
- SQL (10)
- spring-ibatis (8)
- linux (24)
- Struts1 (8)
- Struts2 (16)
- spring (42)
- Mybatis (16)
- css (18)
- servlet (8)
- jdbc (4)
- jsp (1)
- spring-jdbc (2)
- FreeMarker (2)
- MySQL (24)
- JQuery-Grid (7)
- jstl (5)
- 正则表达式 (1)
- 面试集锦 (86)
- unix (18)
- 开发工具 (23)
- ajax (5)
- webservice (4)
- log4j (3)
- oracle (15)
- extjs (14)
- 其他 (9)
- 优秀技术参考地址 (1)
- 性能 (3)
- 数据库 (25)
- 算法 (15)
- 设计模式 (10)
- Python (3)
- AIX (5)
- weblogic (1)
- shell (14)
- quartz (5)
- 图形文件FusionCharts (1)
- Websphere (4)
- 转载 (5)
- hadoop (1)
- highchart (24)
- perl (22)
- DB2 (7)
- JBoss (1)
- JQuery Easy UI (9)
- SpringMVC (5)
- ant (5)
- echart (9)
- log4J配置 (3)
- 多线程 (10)
- 系统架构 (7)
- nginx (3)
- loadrunner1 (1)
- 分布式 (1)
- Dubbo (1)
- Redis (2)
- JMS (4)
- 自动化测试 (3)
- Spring循环依赖的三种方式 (1)
- spring-boot (2)
- 高级测试 (9)
- github (2)
- sonar (1)
- docker (6)
- web前端性能优化 (1)
- spring-aop (6)
- rabbit (1)
- ELK (1)
- maven (1)
- minio (1)
最新评论
-
zengshaotao：
jstl1point0 写道很好啊，如果有带Session会话 ...
Nginx+Tomcat搭建高性能负载均衡集群 -
jstl1point0：
很好啊，如果有带Session会话的怎么搞呢
Nginx+Tomcat搭建高性能负载均衡集群
开发的时候需要调整页面样式，但又不是从零开始，所以快捷的同时也出现了一些莫名奇妙的问题。
比如td内容，在控件里加了align="left"属性值对，但是内容还是居中了。所以觉得应该是控件使用了统一的样式设置，并且设置了居中。又因为控件里加上述属性值对，不属于严格意义上的样式设置，所以样式还是采用了全局的。
后来加了style="text-align:left;"里面的内容才左对齐，覆盖了公共的样式设置！
比如td内容，在控件里加了align="left"属性值对，但是内容还是居中了。所以觉得应该是控件使用了统一的样式设置，并且设置了居中。又因为控件里加上述属性值对，不属于严格意义上的样式设置，所以样式还是采用了全局的。
后来加了style="text-align:left;"里面的内容才左对齐，覆盖了公共的样式设置！
分享到：
发表评论
-
CSS+DIV之强化background属性
2015-03-26 18:47 8061.背景颜色属性(background-colo ... -
CSS div文本垂直居中
2015-03-25 10:47 690css -
padding，margin
2014-11-15 13:08 321对于浏览器元素的间距，可以分为基本的两种。 一种是m ... -
div文本居中
2014-11-14 23:38 587vertical-align属性值在div中是不起作用的，对 ... -
img display:block
2014-11-12 20:20 793<div style="padding:0p ... -
div居中
2014-11-11 23:08 407div自动从左边开始排布，如果是div的width=95%， ... -
被忘却的cellspacing
2014-11-05 21:12 559使用的chrome浏览器，开始访问自己建立的站点。还是比较常 ... -
伪类选择器
2013-12-24 08:55 545伪类选择器具有自动切换class的特性,而不用添加复杂的控制脚 ... -
style table border
2013-09-12 16:05 604table元素,使用了border属性之后,会将值应用于td里 ... -
position
2013-09-10 21:09 542position:absolute;这表示定位是相对浏览器的。 ... -
colspan
2013-09-10 20:32 496对于td，是存在于tr里面的，一般的也都要使用colspan这 ... -
div style常用属性
2013-09-06 22:12 802div style常用属性 一、常用属性： 1、Heigh ... -
padding margin
2013-09-06 22:00 888<body onclick="bodyclic ... -
页面样式
2013-09-06 21:41 834<body onclick="bodyclic ... -
body leftMargin
2013-08-17 12:37 1143<body bgcolor="green&qu ... -
div 定位
2013-05-24 17:49 844position：absolute这个是绝对定位；是相对于浏览 ... -
CSS
2012-11-23 16:56 955<!DOCTYPE html PUBLIC " ...
相关推荐
TEXT-ALIGN: center" align="center"><strong style="mso-bidi-font-weight: normal"><span lang="EN-US" style="FONT-SIZE: 10.5pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-size: 12.0pt; mso-hansi-...
一个比较美观的JS控件 <td class="left" style="text-align: right"> 到货时间 <td class="right" style="text-align: ... border-left-style: solid; border-bottom-style: solid; width: 120px;" class="nTxt" />
text-align:justify;margin-left:1em;font-size:14px;letter-spacing:1.5px;word-wrap:break-word; } .p3{color:#09F;font-size:14px;letter-spacing:1.5px;text-decoration:underline;font-style:italic;} .p4{...
`、`text-align: left;`、`text-align: center;`、`text-align: justify;` 二、CSS 边框空白 * `padding-top`: 设置上边框留空白，例如 `padding-top: 10px;` * `padding-right`: 设置右边框留空白，例如 `padding...
text-align:left; background:url(container_bg.jpg) no-repeat bottom right; /* 底部右侧的背景图片 */ } #globallink{ width:800px; height:430px; margin:0px; background-image:url(banner.jpg); ...
text-align:left; padding:0px; width:1400px; position:relative; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; } #top{ padding-top:15px; height:90px; } #logo{ ...
<span id="org_name" align="center" style="text-align :center,font-size:18px" > <th align="center" style="text-align :center" colspan="13"> <span id="" align="center" style="text-...
C#和access制作的网站模板！...text-align:left} .menu_box_style2_2_2{float:right;width:720px;height:30px;margin:20px 0 0 0;padding-left:30px;text-align:right;background:url(images/menu_bg_1.gif)
<!... <meta charset="UTF-8"> 随机点名 ... text-align: center; z-index: 1; } h1 { font-size: 4rem; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.5); margin-bottom: 1rem; } #name
<p style="text-align:left"><img src="02.jpg" style="max-width:140px;">图片左对齐 <p style="text-align:center"><img src="02.jpg" style="max-width:140px;"> 图片居中对齐 <p style="text-align:right">...
text-align: center; cursor: pointer; margin-left: 3px; font-size: 12px; font-family: Verdana; line-height: 18px; opacity: 0.7; color: rgb(204, 204, 204);">1</li><li style="list-style: none outside ...
- `text-align: left;`: 左对齐文本。 - `text-align: right;`: 右对齐文本。 - `text-align: center;`: 居中文本。 **3. 首行缩进 (`text-indent`):** - `text-indent: 20px;`: 设置首行缩进20像素。 **4. ...
- `text-align: left;`：左对齐。 - `text-align: center;`：居中对齐。 - `text-align: justify;`：两端对齐。 #### 2. CSS 项目符号 CSS 项目符号属性用于控制列表项目的符号类型。以下是一些常见的 CSS 项目...
text-align:left;cursor:pointer;font-size:13px;color:#000;width:160px;height:25px;zoom:1;display:inline-block;} .blueCircle {display:none;position:absolute;margin:-4px 0 0;padding:0;list-style:none;...
<ion-header-bar align-title="left" class="bar-balanced"> <div class="buttons"> <!--ui-sref="category"--> <div class="button icon-left ion-navicon button-clear" ng-click="toggleCategory()"> <!--...
text-align:justify; line-height:19px; } p.details{ padding:5px 15px 5px 15px; font-size:11px; } p.details_cart{ clear:both; padding:25px 30px 5px 0px; font-size:11px; font-style:italic; } p.more_...
- `text-align: left;` 设置文本左对齐。 - `text-align: center;` 设置文本居中。 - `text-align: justify;` 设置文本两端对齐。 - **垂直对齐（Vertical Align）**：`vertical-align` - 示例： - `vertical-...
- **`text-align`**：设置文本的水平对齐方式。例如：`text-align: right;` 或 `text-align: center;`。 #### 三、CSS对齐属性 - **`vertical-align`**：该属性用于内联元素的垂直对齐，如图片和表格单元格中的...
<p style="text-align:left"><img src="02.jpg" style="max-width:140px;"> ``` - 在浏览器中显示时，图片会根据父元素的`text-align`属性进行相应的对齐。 2. **设置图片纵向对齐** - 纵向对齐，也称为垂直...
text-align:right; vertical-align:bottom; font-size:9px; color:#68572B;} .page_middle{ background:url("images/bg_middle.jpg");} .logo{ width:240px; height:60px;margin-left:20px;} .info{ margin-bottom:...