我花了两天时间试图解决无花果/无花果问题无济于事 .

我有一个Django应用程序,用户可以在其中提交图像,我正在使用图形和figcaption标签来显示带有附带 Headers 的图像 . 主要问题是 Headers 宽度超出图片宽度 .

我试图找出一种方法让图像保持相同的大小和 Headers ,以相应地排列宽度 . 我也在使用Twitter-Bootstrap . 我对所有解决方案持开放态度 . 任何意见,经验或建议都非常感谢 .

更新:这是实际的HTML模板代码和CSS:

{% if story.pic %}

Image

{% if story.caption %}

{{story.caption}}

{% endif %}

{% endif %}

image {height:auto;}

figure {margin:0; display:table;}

figcaption {display:table-row;

max-width: 30%;

font-weight: bold;}

java中标签内容居中显示_图形标签中图像上的figcaption标签的居中和对齐宽度相关推荐

  1. ios fixed定位后内容不显示_记录CSS中 position:fixed 踩的坑

    在 html 页面的css样式中,如果将 position 属性的值设置为 fixed,那就表示其元素的位置相当于显示设备的可视区域进行定位,而今天在调试此属性时,却发生了一件奇怪的事件. posit ...

  2. fastreport.net 交叉表居中显示_浅析Sql中内连接、外连接、全连接、交叉连接的区别...

    外连接(out join) 外连接分为外左连接(left outer join)和外右连接(right outer join) 注释:left outer join 与 left join 等价, 一 ...

  3. 表格在整个html居中显示,html 表格字符居中显示_如何在HTML中居中显示表格?

    html 表格字符居中显示_如何在HTML中居中显示表格? html 表格字符居中显示_如何在HTML中居中显示表格? html 表格字符居中显示 HTML table provides the ab ...

  4. java访问本地文件_详解Java读取本地文件并显示在JSP文件中

    详解Java读取本地文件并显示在JSP文件中 当我们初学IMG标签时,我们知道通过设置img标签的src属性,能够在页面中显示想要展示的图片.其中src的值,可以是磁盘目录上的绝对,也可以是项目下的相 ...

  5. list申请java,java把一个list中的内容添加到另一个list中 FPGA编程问题:有多个.v文件与module,把他们加到......

    导航:网站首页 > java把一个list中的内容添加到另一个list中 FPGA编程问题:有多个.v文件与module,把他们加到... java把一个list中的内容添加到另一个list中 ...

  6. 如何控制在一个软件中特殊的字符比如#都显示为红色呢?该字符是作为标签中的内容出现的,可能出现在JLABEL,JCheckBox,JCombox的标签中的,

    如何控制在一个软件中特殊的字符比如#都显示为红色呢?该字符是作为标签中的内容出现的,可能出现在JLABEL,JCheckBox,JCombox的标签中的, 1)在资源文件中该如何配置, 2)如果是硬编 ...

  7. 文件读写操作:把文件a.txt中的内容复制到文件b.txt中

    文件读写操作:把文件a.txt中的内容复制到文件b.txt中 package com.io.reader;import java.io.File; import java.io.FileNotFoun ...

  8. java html合并单元格内容居中显示_合并Al:H1单元格区域,使合并的内容居中显示。...

    合并Al:H1单元格区域,使合并的内容居中显示. 更多相关问题 峰面积积分法有何特点? 电子邮件的发送和接收实际上是由ISP的()担任的. VFP的一个数据表文件最多允许有()条记录. 卡特尔认为,可 ...

  9. android+显示html内容居中显示图片,Android开发中对HTML内容的显示

    摘 要 随着Android科技的发展,手机客户端接受了更多的HTML内容.本文作者采用WebView直接显示法结合人机 >> Android开发中的主题设置研究 线程在Android开发中 ...

最新文章

  1. POJ 3449 Geometric Shapes
  2. 参与的论文即将中顶会,但我发现了数学错误,到底该不该说?
  3. 第41周星期四及Spring学习小结
  4. 【Android 高性能音频】hello-oboe 示例解析 ( Oboe 源代码依赖 | CMakeList.txt 构建脚本分析 | Oboe 源代码构建脚本分析 )
  5. 【赠书】深度强化学习落地指南,来自一线工程师的经验!
  6. 系统间通信4:基本IO通信模型
  7. 进销存中多计量单位解决方法
  8. mysql数据类型支持比较运_Mysql支持的数据类型(总结)
  9. STM32----摸石头过河系列(七)
  10. 织梦首页去掉inde.html,dedecms 首页删除index.html路径的方法
  11. 龙邱STM32单片机用J-LINK下载无法被识别的解决方法
  12. 微型计算机原理与接口技术第二版答案邹逢兴,清华大学出版社-图书详情-《微型计算机原理与接口技术教学辅导(第2版)》...
  13. 【附章4包装类】包装类的顶级理解
  14. Spoon系列-概要
  15. 计算机二级题目之字符串练习学习
  16. 【从0到1搭建LoRa物联网】7、国产LoRa终端ASR6505驱动段式LCD例程
  17. 正常的计算机设备安装限制,win10系统只能使用指定U盘保护安全的设置教程
  18. 基于java我爱短视频管理系统计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署
  19. Mr.Alright---如何通过omnipeek抓取sniffer log
  20. theano学习--theano.tensor

热门文章

  1. Vue - 路由导航守卫控制访问权限,设置 localStorage 过期时间
  2. 程序员也要学英语——英语构词法
  3. C++——VS2019调整字体和主题
  4. 达人评测 R5 7530U和i5 1240p选哪个好
  5. CentOS7.5安装oracle11g
  6. word swag Android,Word Swag
  7. 进程同步问题(Process Synchronization)
  8. Itext5生成Pdf报表
  9. RIDE 访问数据库
  10. ASP.NET MVC --- 身份认证与授权