Несколько столбцов, обход по столбцам

Question

Я работаю с Safari , и мне нужно иметь несколько столбцов текста (от одного <p> до webkit-column-count), но также мне нужно сделать image span на двух или болеестолбцы (я знаю, что это еще не поддерживается, но я прошу некоторый обходной путь, если это возможно)

значение: я хочу этот макет

---------------------------

image

---------------------------

------------  -------------

first column  second column

first column  second column

first column  second column

------------  -------------

первый столбец и второй столбец в одном <p>

PS: этот вопрос уже задавался ранее в Макет столбца в HTML (5) / CSS

Answer 1

Я согласен с предыдущим постером, и меня смущает вопрос, почему вы хотите разместить свое изображение в теге абзаца.На вашем месте я бы создал столбцы в элементах div или в таблице и держал бы их отдельно от изображения.Поместите изображение в тег img, который затем можно указать ширину и т. Д. С помощью CSS.

Например, ваш HTML может выглядеть следующим образом:

<header>
    <img src="url(insertyourfilepath.gif)" />
</header>
<div id="columnWrapper">
    <div id="column1></div>
    <div id="column2"></div>
</div>

Тогда ваш CSS может выглядеть следующим образомthis:

img{
    width:400px; //insert your image dimensions here
    height:200px;
}
#column1, #column2{
    width:200px; //the width of both columns can be controlled with one CSS entry, or
                 //for 2 different widths, separate them and assign different dimensions.
}

Если это не отвечает на ваш вопрос, я с уважением сообщаю, что вы разместили здесь свой код и постарались более подробно объяснить свой выбор в отношении размещения изображения внутри тега абзаца.

Надеюсь, это поможет!