4

Это образец:

<html>
<head>
    <title>word test</title>
</head>
<body>
    <div style='position: absolute; width: 30px; height: 50px; top: 100px; left: 20px; border-color: black; border-width: 1px; border-style: solid;'>
        <p>Hello!</p>
    </div>
</body>
</html>

Сохраните его как «word.doc» и откройте в MS WORD.

Абсолютная позиция не работает!

Div отображается в верхней части документа и имеет ширину 100%. Зачем? Я не могу использовать таблицы HTML.

Версия на MS Word: 2003

3 ответа3

8

Вы можете найти полный список поддерживаемых в Word 2007 CSS здесь:

http://msdn.microsoft.com/en-us/library/aa338201%28office.12%29.aspx

Да, это ужасно плохо, но ожидаете ли вы чего-то еще от команды Microsoft Office?

Вот краткий справочный список CSS2, который вы не можете использовать:

  • азимут
  • фон-вложение
  • изображение на заднем плане
  • фон положение
  • фон-повторить
  • границы разнос
  • низ
  • Надпись на стороне
  • Чисто
  • клип
  • содержание
  • Счетчик-инкремент
  • Счетчик сброса
  • кий до, кий после, кий
  • курсор
  • дисплей
  • высота
  • пустые клетки-
  • поплавок
  • размер шрифта, настроить
  • Шрифт растяжения
  • оставил
  • Разрыв строки
  • список-стиль-изображение
  • список-стиль-позиция
  • Маркер смещения
  • максимальная высота
  • Максимальная ширина
  • мин-высота
  • мин-ширина
  • дети сироты
  • контур
  • план-цвет
  • план-стиль
  • Контур ширина
  • переполнение
  • Переполнение-х
  • Переполнение-й
  • пауза-до, пауза-после, пауза
  • подача
  • питч-диапазон
  • играть-во
  • позиция
  • цитаты
  • богатство
  • право
  • говорить
  • говорить-заголовок
  • говорить-позици
  • говорят, знаки препинания
  • речи скорость
  • стресс
  • Стол-макет
  • текст-тень
  • текст-преобразования
  • Топ
  • Юникод-биди
  • видимость
  • Голос семьи
  • объем
  • вдовы
  • слово-интервал
  • Z-индекс
1

Возможно, потому что Microsoft Word использует свой собственный рендерер, который отстой.

Статья от 2007 года говорит ...

Нет поддержки для поплавка или позиции

(это должно относиться к вам, потому что ваша версия 2003)

Так что тебе не повезло. К сожалению, по этой причине макеты таблиц все еще распространены в электронных письмах HTML.

1

Хорошо, у меня была такая же проблема. Что я сделал, это отформатировал мой HTML-документ в Word и сохранил его. Затем я сократил разметку до того, что мне действительно нужно. Вам необходимо включить пространство имен vml в документ html (xmlns:v = "urn:schemas-microsoft-com:vml")

<html xmlns:v="urn:schemas-microsoft-com:vml">

Затем вам нужен следующий код, выберите идентификатор, как вы хотите, вы также можете выбрать положение изображения более или менее свободно. Изображение перед текстом.

<!--[if gte vml 1]><v:shape id="Bild_x0020_1" type="#_x0000_t75"
style='position:absolute;left:0;text-align:left;margin-left:338.55pt;
margin-top:26pt;width:105pt;height:138.75pt;z-index:251658240;'>
<v:imagedata src="http://c7.valuewalk.com/wp-content/uploads/2011/12/billg4_web1.jpg"/>
</v:shape><![endif]-->

Хотя я не уверен, что это работает для Word 2003, моя версия 2010.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .