文章/答案/技术大牛

发布

社区首页 >问答首页 >Org export：#+ATTR_LATEX：:width 0.9\textwidth的HTML等效项

问Org export：#+ATTR_LATEX：:width 0.9\textwidth的HTML等效项
EN

Stack Overflow用户

提问于 2017-08-27 21:30:34

回答 1查看 261关注 0票数 1

如何将从org-mode导出为html的图像的图像宽度设置为textwidth的倍数，即我希望HTML等同于以下latex export选项：

#+ATTR_LATEX: :width 0.9\textwidth

MME：

#+CAPTION: Example image
#+ATTR_LATEX: :width 0.9\textwidth
[[file:image.jpg]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Donec hendrerit tempor tellus.  Donec pretium posuere tellus.  Proin quam nisl, tincidunt et, mattis eget, convallis nec, purus.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  Nulla posuere.  Donec vitae dolor.  Nullam tristique diam non turpis.  Cras placerat accumsan nulla.  Nullam rutrum.  Nam vestibulum accumsan nisl.

像#+ATTR_HTML: :width content这样的东西不能工作。

css

emacs

latex

org-mode

html

回答 1

Stack Overflow用户

发布于 2017-09-02 02:58:39

下面的代码似乎仍然有效，尽管IIUC不推荐使用<img>标记的width属性(在HTML端，而不是ORG端)：

#+CAPTION: Example image
#+ATTR_HTML: :width 90%
[[file:images/img1.png]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Donec hendrerit tempor tellus.  Donec pretium posuere tellus.  Proin quam nisl, tincidunt et, mattis eget, convallis nec, purus.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  Nulla posuere.  Donec vitae dolor.  Nullam tristique diam non turpis.  Cras placerat accumsan nulla.  Nullam rutrum.  Nam vestibulum accumsan nisl.

这里有一种用CSS实现的方法：

#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="css/image-width.css" />

#+CAPTION: Example image
[[file:images/img1.png]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Donec hendrerit tempor tellus.  Donec pretium posuere tellus.  Proin quam nisl, tincidunt et, mattis eget, convallis nec, purus.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  Nulla posuere.  Donec vitae dolor.  Nullam tristique diam non turpis.  Cras placerat accumsan nulla.  Nullam rutrum.  Nam vestibulum accumsan nisl.

其中，css/image-width.css文件包含以下内容：

img  { width: 90%; }

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45905479

复制

相似问题

问Org export：#+ATTR_LATEX：:width 0.9\textwidth的HTML等效项
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Org export：#+ATTR_LATEX：:width 0.9\textwidth的HTML等效项EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Org export：#+ATTR_LATEX：:width 0.9\textwidth的HTML等效项
EN