English 中文(简体)
CSS3 Columns - Widows / Orphans
原标题:CSS3 Columns - Widows / Orphans
  • 时间:2011-07-13 16:44:59
  •  标签:
  • css

我仔细看看看,在3个多科区,是否有处理寡妇和孤儿的体面办法,但是却感到失望。 I ve Trial the widow and orphan property themselves, but they don t do any.

是否有任何人知道如何使用CSS3多科特,处理寡妇和孤儿?

最佳回答

这样做的临时解决办法是增加一个补充。

display: inline-block 

to the block level element you wish to avoid breaking across columns. I recently needed this for <li> and <dl>. Works well for either.

问题回答

The spec says the algorhitms should honor widows and orphans. Not sure how many do. But you can control some of it yourself by saying never break inside a p.

为此,你基本上使用

  • break-before
  • break-after
  • break-inside

这些数值为<代码>auto,为缺省,<代码>avoid/code>和always。 加上另外几处。

Opera supports it, and you can find info here: http://www.opera.com/docs/specs/presto2.10/css/multicolumnlayout/





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签