2015-09-30 3 views
0

У меня есть проект с настроенной подготовкой документации с помощью doxygen. Документация включает в себя множество фигур, которые иногда сталкиваются с фоном. Можно ли добавить границу для всех фигур в документе? Какие объекты CSS следует изменить? Цифры вставляются с помощью этой команды:Границы изображения Doxygen

![ ](01_demo.png) 

Результирующий HTML:

<div class="image"> 
<img src="01_demo.png" alt="01_demo.png"/> 
<div class="demo caption">Demo caption text</div></div>  

Существует класс в файле CSS:

.image 
{ 
    text-align: center; 
} 

Я могу добавить границу к нему, но в этом случае подпись также будет иметь его. Могу ли я каким-то образом получить границу только вокруг самого изображения?

Решение: Я добавил пользовательский/фигурное тег в Doxygen файл конфигурации:

ALIASES += figure{2}="<div class="figure">![\2](\1)</div>" 

Изменения в CSS файле:

.figure img { 
text-align: center; 
border: 1px solid #879ECB; 
} 

Использование:

\figure{demo.png, Demo caption} 
+0

мое решение не работает? –

+0

я. Но он добавляет границу всем изображениям в документе. Включая логотипы, предупреждающие символы и т. Д. Я решил добавить новый div и поместить его в пользовательский тег. – incogn1to

ответ

1

Да это возможно со следующим кодом

.image img { 
    border: 1px solid #000;  
} 

Если вы хотите какое-то пространство между границей и изображением, добавьте отступы.

Вот скрипка попробовать: https://jsfiddle.net/6ou62urk/

Смежные вопросы