CSS中的Max-Width无法正常工作

时间:2015-09-19 01:59:24

标签: html css wordpress

好的,所以我还没能找到解决这个问题的方法。我正在使用wordpress创建一个网站,并试图实现该网站的最大宽度。我的style.css是

编辑:问题是文本在页面末尾运行,它根本不会中断。

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

a:link,
a:visited {
    color: #006ec3;
}

p {
    line-height: 1.65em;
}

/* General Layout */
div.container {
    max-width: 920px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

该容器正在网站上实施,因为它响应左侧填充的更改,但不是右侧。

同样编辑max-width值会将文本正文向右移动。

2 个答案:

答案 0 :(得分:0)

问题是"保证金:0自动"。删除它或修改它,它的工作原理。 margin:0 auto基本上是内容的中心,而不是向右推动任何东西。 jsfiddle

div.container {
max-width: 500px;
padding: 0 20px 0 20px;
margin: 0;

}

答案 1 :(得分:0)

不要忘记:

$(".divclass").each(function() {
    Build An Array with all .divclass ID ( 
});

 ~~~~> POST with AJAX for page.php

PHP gets the array and then use the function with each result of #divclassID

require "phpfunction.php";

$array = array received from AJAX;

for each #divclassID => $key {
getFunction($key)
}

After, rebuild a json array and print this;

然后您可以根据需要定义断行,省略号等规则:

overflow: hidden;