Что еще не может быть сделано в CSS?

Вы могли бы хотеть проверить ответ на этот вопрос. Был некоторый интересный код CSS, отправленный для ответа - включая конструкцию, которая решила проблему, которую я никогда не видел прежде. Много очень полезных ссылок также.

<div style='float:left;width:200px;height:300px;'>Left column</div>
<div style='margin-left:200px;'>
    <div>Right top</div>
    <div>Right bottom</div>
</div>

Я думаю, что Вы хотите что-то как этот. Помните, CSS float способность удивительна. Это - просто пример.

Кто-то ответил на вопрос, если дизайн был выполнимым. Но у меня есть пример вещи, которая не может быть сделана с CSS. По некоторым причинам необходимо накрыть на стол cellspacing и cellpadding явно. Это не может быть установлено через CSS даже при том, что существует margin и padding свойство. Это - что-то, что я думал для невероятного раздражения, потому что я всегда хочу управлять полем и дополняющий на таблицах через CSS.

Например.

<h1> This table won't have it's margin or padding reset </h1>
<table style="padding: 0; margin: 0;">
    <tr><td>a</td><td>b</td></tr> 
</table>

<h1> This table will... </h1>
<table cellspacing="0" cellpadding="0">
    <tr><td>a</td><td>b</td></tr> 
</table>

Что-то, чего я никогда не мог достигнуть в CSS, вертикально центрируется изображения. Я всегда заканчиваю с чем-то вроде этого (который я ненавижу),

<style>
  td.pic_frame {
    text-align:center;
    width:220px;
    height:220px;
    vertical-align:middle;
 } 
</style>
<table><tr><td class="pic_frame"><img ...></td></tr></table>

Я просто попробовал этот CSS использования таблицы, как предложено dylanfm

<style>
  div.pic_frame{
    display:table-cell;
    text-align:center;
    width:220px;
    height:220px;
    vertical-align:middle;
  }
</style>
<div class="pic_frame"><img ...></div>

Это работает отлично во всех браузерах за исключением, Вы предположили это, IE7

(протестированный в Firefox, Safari, Opera, Chrome и IE7)

Существует много других способов сделать подобное таблице расположение. Существуют даже таблицы CSS. Действительно, никогда нет причины использовать таблицу для расположения. Когда-либо.

Что-то, что не может быть сделано в данный момент, является надлежащим text-align: justify; Расстановка переносов не работает правильно, но с использованием мягких переносов можно заставить ее вести себя вполне соответственно, я ожидаю.

Другое решение с помощью position свойство:

<style type="text/css">
    .outer {
        position: relative;
        background-color: #EEE;
    }
    .left-column {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-color: #F88;
    }
    .right-top {
        margin-left: 50%;
        background-color: #8F8;
    }
    .right-bottom {
        margin-left: 50%;
        background-color: #88F;
    }
</style>


<div class="outer">
    <div class="left-column">Left column</div>
    <div class="right-top">Right top</div>
    <div class="right-bottom">Right bottom</div>
</div>

можно вертикально центрировать изображения с отрицательными полями. Используйте отрицательное поле для перемещения "точки привязки" изображения в его центр. Затем расположите родственника изображения в середине.

Пример для 800x800 изображение:

#centered
{
    position:absolute;
    top:50%;
    left:50%;
    height:800px;
    width:800px;
    margin: auto;
    margin-top:-400px;
    margin-left:-400px;
}

Это - неясный атрибут, но value атрибут тега элемента списка не имеет никакой замены в CSS, даже при том, что он удерживается от использования в Строгом XHTML 1.0, и стандарт дает Вам команду использовать CSS вместо этого. Так, следующее недопустимо:

<ol>
 <li>Item one</li>
 <li>Item two</li>
 <li value="4">Item four</li>
 <li>Item five</li>
</ol>

Это вызвало меня много горя, поместив определенные легальные документы о сети при использовании семантически значимого кода.

Если Вы пишете некоторое приложение WPF (пишущий панели XAML), таким образом, Вы пожелаете, привозят окном весь HTML и CSS, которую Вы находите...