Qt QLabel行、列間距控制

先看顯示效果

1.  ​​QLabel設定行間距​​

QLabel支援html，是以可以用以下代碼設定行QLabel中text的行間距：

QString text;
text.append("<p style='line-height:150%'>").append( tr("房間号：")).append(m_roomId).append("</p>")
            .append("<p style='line-height:150%'>").append(tr("考試内容：")).append("</p>")
            .append("\n\n").append("<p style='line-height:150%'>").append(m_text).append("</p>");// <p style='line-height:150%'> “内容”  </p>

ui->label->setText(text);
ui->label->setWordWrap(true); // 自動換行設定      

2. QLabel設定列間距

         （1） 首先在QtCreator設計器中設定label屬性

   （2）在label屬性欄選擇styleSheet,點選最右邊的三個點"..."

（3）輸入JavaScript代碼：

QLabel{border-width: 1px;border-style: solid;border-color: rgb(85, 255, 255); color:rgb(85,255,255)}      

(4) 設定 Text屬性，使縱向一列，點選text最右邊三個點""

5. 使縱向排列，會發現每個字縱向間距很大，

6. 減小文字縱向間距，在代碼中添加：

ui->signalCheckServiceLabel->setWordWrap(true);
    ui->signalCheckServiceLabel->setAlignment(Qt::AlignTop);
    QString s = QString::fromLocal8Bit(" 信号檢測伺服器");
    ui->signalCheckServiceLabel->setText(s.split("", QString::SkipEmptyParts).join("\n"));      

代碼中：