css – 重构文本中浮动图像的工作示例

我正在寻找最好的方法来在文本中显示文本旁边的文字.我发现几个网站都在表明它是如何完成的,但没有显示出实际的功能示例.几个显示出似乎是失败的例子.我实际上正在与Sphinx(v0.6.6)一起工作,并希望避免颠覆它所带来的“本机”CSS.

谢谢.

解决方法

用艾米莉莉特莱(SNL)的话来说,“哦,没关系……”;-)用亚历克斯·特列比克(Jepordy！)的话来说,“答案是…”

在.rst文件中

.. container:: twocol

   .. container:: leftside

      .. figure:: _static/illustrations/structure.svg

   .. container:: rightside

      Bla-bla-blah,and yada-yada.

在自定义CSS(我使用了一个sphinxdoc.css的副本,我放入./source/_static/)：

div.leftside {
    width: 414px;
    padding: 0px 3px 0px 0px;
    float: left;
}

div.rightside {
    margin-left: 425px;
}

每个..container ::成为< div>.在我的情况下,我想要一个固定的宽度的图像和一个可变宽度的余数.而且,随着Sphinx生产的LaTeX的微调,它也为该部分生产了两列产​​品做了不错的工作.

我希望足以帮助别人弄清楚对我来说并不明显的事情.

原文地址：https://www.jb51.cc/css/216915.html