草庐IT

column-width

全部标签

html - 3 列 : one with max-width, 其他两列最小宽度

三列必须填满父容器的宽度。左右栏的宽度不得小于150px。中心列的宽度不得超过200像素。我做了areferencepage使用JavaScript进行布局。是否可以使用纯CSS进行相同的布局?screenshothttp://elv1s.ru/files/html+css/min-width_max-width_columns.png它应该至少在IE8、Firefox3.6、Chrome7、Safari5和Opera10.63中工作。 最佳答案 Table-basedsolution通过@PanyaKor.

html - 3 列 : one with max-width, 其他两列最小宽度

三列必须填满父容器的宽度。左右栏的宽度不得小于150px。中心列的宽度不得超过200像素。我做了areferencepage使用JavaScript进行布局。是否可以使用纯CSS进行相同的布局?screenshothttp://elv1s.ru/files/html+css/min-width_max-width_columns.png它应该至少在IE8、Firefox3.6、Chrome7、Safari5和Opera10.63中工作。 最佳答案 Table-basedsolution通过@PanyaKor.

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

HTML/CSS : total page width is wider than content

我有一个奇怪的问题,找不到原因!我有以下网页:http://uk.translation-vocabulary.com/de-german并且页面的感知宽度可能比内容的宽度大300px。因此,即使视口(viewport)被水平拉伸(stretch)以匹配可见内容,水平滚动条也会出现。我一直在用Firebug检查元素,试图找到罪魁祸首。到目前为止没有成功。此效果在Firefox、Safari、Chrome中观察到。未经测试:IE。非常感谢任何帮助!本杰明。 最佳答案 诊断罪魁祸首的两种方法。方法一在“元素”选项卡中打开Chrome开发

HTML/CSS : total page width is wider than content

我有一个奇怪的问题,找不到原因!我有以下网页:http://uk.translation-vocabulary.com/de-german并且页面的感知宽度可能比内容的宽度大300px。因此,即使视口(viewport)被水平拉伸(stretch)以匹配可见内容,水平滚动条也会出现。我一直在用Firebug检查元素,试图找到罪魁祸首。到目前为止没有成功。此效果在Firefox、Safari、Chrome中观察到。未经测试:IE。非常感谢任何帮助!本杰明。 最佳答案 诊断罪魁祸首的两种方法。方法一在“元素”选项卡中打开Chrome开发

html - 为什么 TD 宽度不起作用或未遵循?

原始问题:HTML有默认宽度吗?最近有人问了类似这样的问题,让我感到疑惑。以这个为例。http://jsfiddle.net/rqmNY/1/在这个fiddle中,如果你要检查它的宽度(我正在使用来自chrome的检查元素),它会显示100px,按预期工作。让我们再添加几个“td”,我们将看到“td:100px”css被忽略了。http://jsfiddle.net/rqmNY/2/如您所见,现在它是83px而不是100px正如最初预期的那样。但是假设我回到更少的TD(7),并为每个TD元素添加更宽的宽度(500px),结果是td的宽度卡在了119px。.http://jsfiddle

html - 为什么 TD 宽度不起作用或未遵循?

原始问题:HTML有默认宽度吗?最近有人问了类似这样的问题,让我感到疑惑。以这个为例。http://jsfiddle.net/rqmNY/1/在这个fiddle中,如果你要检查它的宽度(我正在使用来自chrome的检查元素),它会显示100px,按预期工作。让我们再添加几个“td”,我们将看到“td:100px”css被忽略了。http://jsfiddle.net/rqmNY/2/如您所见,现在它是83px而不是100px正如最初预期的那样。但是假设我回到更少的TD(7),并为每个TD元素添加更宽的宽度(500px),结果是td的宽度卡在了119px。.http://jsfiddle

javascript - 确定动态 CSS3 多列 DIV 宽度的宽度 fixed column-width

我有一个充满动态文本的DIV容器。文本的长度可以不同。DIV容器具有固定高度但没有宽度。文本被格式化为CSS3多列文本宽度固定columns-width。结果是n列,宽度为column-width。现在我想知道有多少列,或者DIV的计算width是怎样的。CSS代码:.columnize{float:left;position:relative;width:840px;overflow:hidden;}.columnizediv{-moz-column-width:259px;-webkit-column-width:259px;-moz-column-gap:16px;-webkit

javascript - 确定动态 CSS3 多列 DIV 宽度的宽度 fixed column-width

我有一个充满动态文本的DIV容器。文本的长度可以不同。DIV容器具有固定高度但没有宽度。文本被格式化为CSS3多列文本宽度固定columns-width。结果是n列,宽度为column-width。现在我想知道有多少列,或者DIV的计算width是怎样的。CSS代码:.columnize{float:left;position:relative;width:840px;overflow:hidden;}.columnizediv{-moz-column-width:259px;-webkit-column-width:259px;-moz-column-gap:16px;-webkit