首页 > 其他分享 >Qt 的 html 支持

Qt 的 html 支持

时间:2023-04-27 09:57:05浏览次数:35  
标签:显示 Qt 支持 html 第二行 格式

最近有一个需求,把一些数据按照一定格式打印成pdf,比如第一行显示两段文字,分别居中,第二行显示两张图片,分别占一半宽度,再加上标题、下划线等等格式,
我心想用一个个的QWidget拼起来肯定不现实,就去学了下html的知识
但是qt对html的支持并不是很完善,一些前端的效果都显示不出来,比如下面这样就不生效

    <div style="display: flex;" > 
        <div style="flex:1;text-align: center;">A</div>
        <div  style="flex:1;text-align: center;">B</div>
    </div>
    <div style="width: 100%;" > 
        <div style="display: inline-block;width: 50%;text-align: center;float:left">A</div>
        <div style="display: inline-block;width: 50%;text-align: center;">B</div>
    </div>

最终发现只能用table实现了:

    <table width="100%">
        <tr>
            <td width="50%" align="center">Text1</td>
            <td width="50%" align="center">Text2</td>
        </tr>
        <tr>
            <td width="50%" align="center"><img src=Img1></td>
            <td width="50%" align="center"><img src=Img2></td>
        </tr>
    </table>

标签:显示,Qt,支持,html,第二行,格式
From: https://www.cnblogs.com/miyanyan/p/17358064.html

相关文章

  • HTML5布局练习
    传统布局 HTML5布局新布局的意义 HTML5布局练习1结构层从上至下从左至右从外至里·······补充:li不利于搜索引擎收录,尽量少用2表现层熟练运用绝对定位排序:CSScomb插件:CSS属性排序工具。快捷键:ctrl+shift+C美化:ctrl+shift+H       ......
  • 基于Java开发支持全文检索、工作流审批、知识图谱的应用系统
    一、项目介绍一款全源码,可二开,可基于云部署、私有部署的企业级知识库云平台,应用在需要进行常用文档整理、分类、归集、检索的地方,适合知识密集型单位/历史文档丰富的单位,或者大型企业、集团。为什么建立知识库平台?二、项目所用技术springboot+vue+tinyMce+activiti+elastics......
  • 界面控件DevExpress Blazor UI v22.2 - 支持.NET 7
    DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpressDashboardeXpressApp框架、适用于VisualStudio的CodeRush等一系列辅助工具,该组件拥有众多新产品和数十个具有高影响力的功能,可为桌面、Web和移动应用提供直观的解决方案,全面解决各种使用场......
  • Qt音视频开发41-文件推流(支持网页和播放器播放并切换进度)
    一、前言本功能最初也是有一些人提过类似的需求,就是能不能将本地的音视频文件,通过纯Qt程序推流出去,然后用户可以直接在网页上播放,也可以用各种播放器播放,然后还可以任意切换播放进度,其实说白了就是个文件服务器,用户通过网络地址访问以后,告诉对方当前是媒体文件就会自动播放,是其他......
  • Qt6.5配置Android开发环境最简单方法
    下载qt6.5时记得勾选Android。详细方法看我编译mysql那篇文章安装好后,打开qtcreater进入配置 首先需要配置jdk,网上方法很多不过多赘述,进入设备切换到Android页面,若配置好了jdk会显示jdk的位置,在这个页面我们只需要点击设置SDK即可联网下载所有的配置文件包括SDK、NDK以及......
  • jQuery HTML-删除元素
    <!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="delete.js">&l......
  • jQuery HTML之添加元素
    <!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="AddContent.js">&......
  • npm、node本地启动服务访问静态html
    1.使用express启动服务安装expressnpmiexpress--save新建app.js启动命令文件varexpress=require('express');varpath=require('path');varapp=express();app.use(express.static(path.join(__dirname,'public')));varserver=app......
  • 数据分享|逻辑回归、随机森林、SVM支持向量机预测心脏病风险数据和模型诊断可视化|附
    原文链接:http://tecdat.cn/?p=24973最近我们被客户要求撰写关于心脏病的研究报告,包括一些图形和统计输出。世界卫生组织估计全世界每年有1200万人死于心脏病。在美国和其他发达国家,一半的死亡是由于心血管疾病简介心血管疾病的早期预后可以帮助决定改变高危患者的生活方式,从......
  • php升级 编译安装php7 支持openeuler欧拉
    php版本下载包查询:https://www.php.net/releases/ yum-yinstallcmakelibxml2libxml2-developensslopenssl-develcurl-devellibjpeg-devellibpng-develfreetype-devellibziplibzip-devellibsodiumsqlitesqlite-develonigurumaoniguruma-devellibwebp-devel......