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

前端之家收集整理的这篇文章主要介绍了css – 重构文本中浮动图像的工作示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找最好的方法来在文本中显示文本旁边的文字.我发现几个网站都在表明它是如何完成的,但没有显示出实际的功能示例.几个显示出似乎是失败的例子.我实际上正在与Sphinx(v0.6.6)一起工作,并希望避免颠覆它所带来的“本机”CSS.

谢谢.

解决方法

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

在.rst文件

  1. .. container:: twocol
  2.  
  3. .. container:: leftside
  4.  
  5. .. figure:: _static/illustrations/structure.svg
  6.  
  7. .. container:: rightside
  8.  
  9. Bla-bla-blah,and yada-yada.

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

  1. div.leftside {
  2. width: 414px;
  3. padding: 0px 3px 0px 0px;
  4. float: left;
  5. }
  6.  
  7. div.rightside {
  8. margin-left: 425px;
  9. }

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

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

猜你在找的CSS相关文章