Абсолютная позиция CSS не работает в MS Word

пример:

<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>

Сохранить как "слово.doc " и открыть в MS WORD.

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

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

версия на ms word: 2003

26
задан Der Hochstapler
06.04.2023 1:06 Количество просмотров материала 3132
Распечатать страницу

3 ответа

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

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

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

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

  • Азимут
  • фон-вложение
  • background-image
  • фон-позиции
  • background-repeat
  • интервал между границами
  • bottom
  • надпись на стороне
  • ясный
  • клип
  • контент
  • счетчик-инкремент
  • counter-reset
  • Кю-до, Кю-после, пауза-после,
8
отвечен Oli 2023-04-07 08:54

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

статья из 2007 говорит...

нет поддержки float или position

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

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

1
отвечен alex 2023-04-07 11:11

Ок, у меня была та же проблема. Что я сделал, так это отформатировал 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.

1
отвечен leo 2023-04-07 13:28

Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]

Ваш ответ

Опубликуйте как Гость или авторизуйтесь

Имя
Вверх