ColdFusion ext-all.css弄乱了页面格式化

时间:2015-08-18 07:38:44

标签: css coldfusion padding

我有一个母版页设置,其中加载了母版页,点击不同的标签页加载了不同的子页面。我的一个页面在直接加载到浏览器中时效果很好,但是当在主页面中加载时格式化了 - 所有标题都被压缩/压缩,间距关闭......我将其跟踪到下面的css被应用来自CF的ext-all.css文件(母版页中有一个cfajaximport标记,似乎导致它被包含在内):

html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;    
    padding: 0; 
}

为什么这包含在ext-all.css中(它似乎搞乱了大多数默认填充/标题,表格等的间距)?我怎样才能解决这个问题,除了a)篡改ext-all.css,以及b)覆盖单个文件中这些标签的边距和填充css?

1 个答案:

答案 0 :(得分:0)

对我而言,一种快速而实用的方法就是覆盖特定的CSS定义。较旧的项目使用 cfmap ,而不重写代码,我只是在我的情况下这样做:

.x-border-box, .x-border-box * {
    box-sizing: content-box !Important;
    -webkit-box-sizing: content-box !Important;
}

.x-body{
    font-family:lato,​Helvetica,​"Arimo",​sans-serif;
    font-size:15px;
    color:#444; 
}

再次正确呈现页面。 根据您使用的ui-tag,覆盖ext-css定义。

因为脚本/样式前置于HEAD(在您自己的样式之前),所以不能使用“inherit”,但必须显式设置css属性(就像我使用font-family,size和color一样)在我的情况下使用盒子大小)。

但请尽量避免使用这些标签。你没有完全控制,它与addiontal脚本和样式混淆并增加页面量。

在我的情况下,问题显示从cf9移动到cf11(ext-all.css的更新版本)。 希望能帮助到你! (感谢Reto的盒子大小修复!)