antd option寬度自適應_WordPress文章中添加自適應寬度的表格——墨澀網

8bb40aa3c929bc44476637a94e87c497.png

WordPress文章中添加自適應表格,前面寫文章的時候需要用到表格來表達陣列信息,但是在WordPress添加表格不想是在office中那樣方便,需要借助插件或者代碼才可以實現,今天分享一個不需要安裝插件純代碼實現WordPress文章中添加自適應表格的方法,表格可以實現文字字體居中色彩屬性、自定義行數列數、插入圖片等操作。

教程開始

WordPress編輯文章切換到文本編輯模式,將下面代碼添加進去,并修改其中的文字:

自適應表格

自適應表格 輸入文字 自適應表格 輸入文字

效果如下:

882db43470f987897fbeb6c3e5e5e6a4.png

一:如果想添加更多行。

多復制幾個

...這樣的代碼組合即可。

自適應表格

自適應表格 輸入文字 自適應表格 輸入文字 自適應表格 輸入文字 自適應表格 輸入文字

效果如下:

4f894901f7f3b3bdea91671aa78c6daf.png

二:如果想對添加更多列。

上面是兩欄自適應表格,如果需要多欄自適應表格,可以將代碼中的“50%”修改成需要的數字。3欄修改成“33.33%”,四欄修改成“25%”等,以此類推即可,也可以設置不同的列寬度。

自適應表格

序號 自適應表格 輸入文字 備注 序號 自適應表格 輸入文字 備注

效果如下:

8850e414d1ecda999b25f2307455509a.png

三:如果想修改文字字體、居中、色彩等信息。

可以在Wordpress的可視化編輯器中選擇中需要修改的文字,直接在上方的文字屬性欄設置即可。

91dc7b6ac48388770348da4caa6107e0.png

效果如下:

8f547ea5fdb5fc672b961f0b3c9f3848.png

四:如果想在表格中添加圖片

可以在Wordpress的可視化編輯器中直接將光標插入需要插入圖片的表格中,添加媒體圖片即可。

66a8fa65957b143857d67f39d8c4798c.png

效果如下:

40864a8cf80d1c4510f8f63d970a0645.png

總體效果預覽

933f01993c09315a7e5951e2f585b475.png

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/394550.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/394550.shtml
英文地址,請注明出處:http://en.pswp.cn/news/394550.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Go語言程序記錄日志

許多軟件系統運行中需要日志文件。Go語言程序中,輸出日志需要使用包"log",編寫程序十分簡單。 像Java語言程序,輸出日志時,往往需要使用開源的軟件包來實現,編寫程序稍微復雜一些。 Go語言的包"log&quo…

如何讓代碼更易于維護_如何輕松地使您的網站更易于訪問

如何讓代碼更易于維護by Jaroslav Vaňkt通過JaroslavVaňkt 如何輕松地使您的網站更易于訪問 (How you can easily make your website more accessible) As a designer, developer, or even product manager, you have thousands of responsibilities. Every project require…

計算機安全概論論文,計算機安全探討論文畢業論文(7篇).doc

計算機安全探討論文畢業論文(7篇)計算機安全探討論文畢業論文(7篇)計算機安全探討論文畢業論文(7篇)預讀: 第一篇:終端計算機安全檢查技術研究【摘要】信息安全保密管理工作的重點和計算機終端檢查的難點,促進了計算機安全檢查技術的發展.本文回顧了終端檢查技術經歷的三個階段…

OO第一單元總結

OO第一單元總結 第一次作業總結 這是我第一次接觸Java和面向對象思想,最一開始,我建立了簡單的類和對象的概念,多虧了第一次作業難度和復雜度較低,我才沒有崩掉hhh。 第一次作業我只分了三個類,一個main,一…

接口開發指的是什么_企業在什么情況下要選擇定制開發軟件

軟件定制開發是指軟件開發商依據我們的需求停止量身定制的開發,軟件定制開發相關于單純產品的施行周期長、本錢高、風險大。假如根據定制開發的工作量或水平來分,我們能夠分為完整定制開發和局部定制開發,完整定制開發是指軟件開發公司依據我…

python2x 安裝 psutil

安裝psutil模塊: wget https://pypi.python.org/packages/source/p/psutil/psutil-2.0.0.tar.gz --no-check-certificatetar -zxvf psutil-2.0.0.tar.gzcd psutil-2.0.0python setup.py install轉載于:https://www.cnblogs.com/yingdiblog/p/7347325.html

c++編碼風格指南_帶回家的編碼挑戰的基本指南

c編碼風格指南by Jane Philipps簡菲利普斯 帶回家的編碼挑戰的基本指南 (The Essential Guide to Take-home Coding Challenges) 介紹 (Introduction) Hi, I’m Jane. I wrote this guide because I want to help others with non-traditional backgrounds succeed on take-ho…

計算機沒有搜索篩選功能,EXCEL中篩選工具怎么沒有搜索功能

EXCEL中篩選工具怎么沒有搜索功能卡飯網本站整理2018-04-01excel是一款數據處理工具,可以在眾多的數據中找到想要的經過處理之后的數據,而最直接方便的功能就是篩選。請閱讀下文,了解如何對數據進行篩選。如下圖所示的學生成績中,…

談談最短路徑

最近遇到一些個問題,有關最短路徑算法,又稱A算法轉載于:https://www.cnblogs.com/swell/p/6108850.html

51nod 1851 俄羅斯方塊(思維題)

分析&#xff1a;假設n>m&#xff0c;m為1,2單獨討論下&#xff0c;否則可以用第二行第一個把所有黑塊搞到2x2的格子里&#xff0c;不斷用凸出來的那個角一列一列把黑的變白就行了。然后只要黑色有偶數塊都可以構造出來。復雜度O(nm) #include <iostream> #include &l…

python發郵件詳解_python實現發送郵件詳解

[Python]代碼#_*_encoding:utf-8_*_#script for python3.2#-------------------------------------------------------------------------------# Name: 發送郵件# Purpose:## Author: QiuChangJie## Created: 10/09/2012# Copyright: (c) cj.qiu 2012# Licence: #------------…

gprof, Valgrind and gperftools - an evaluation of some tools for application level CPU profiling on

2019獨角獸企業重金招聘Python工程師標準>>> In this post I give an overview of my evaluation of three different CPU profiling tools: gperftools, Valgrind and gprof. I evaluated the three tools on usage, functionality, accuracy and runtime overhead…

xp計算機屬性打不開,xp系統我的電腦右鍵屬性打不開怎么辦

在使用xp系統過程中,我們經常需要打開“我的電腦”右鍵屬性,查看系統信息以及進行虛擬內存、性能方面的設置,不過有深度技術ghost xp sp3純凈版用戶右鍵點擊我的電腦,發現右鍵菜單中的“屬性”打不開,出現這個問題通常是注冊表禁用了這個屬性,下面小編跟大家介紹xp系統我的電腦…

狀態機學習(二)解析INI文件

題目來自<系統程序員成長計劃> 作者:李先靜. 狀態變化如下 #include <string> #include <iostream> using namespace std;string s "[GRP]\n\ name def \n\ data 2016.11.29 \r\n\ ; this is a comment \r\n\ str this is a test \n\ [zhangshan]…

接口之用例編寫、驗證

一、用Excel編寫用例&#xff08;xlsx格式&#xff09; 截圖僅供參考&#xff0c;實際用例編寫需要根據實際情況來。 二、用例加載、驗證 1、數據的加載 import xlrd,xlwt #python操作excel主要用到xlrd和xlwt這兩個庫&#xff0c;即xlrd是讀excel&#xff0c;xlwt是寫excel的庫…

計算機二級word真題書娟,計算機二級word試題.docx

PAGEPAGE # / 80Word試題在考生文件夾下打開文檔 word.docx &#xff0c;按照要求完成下列操作并以該文件名( word.docx )保存文檔。某高校為了使學生更好地進行職場定位和職業準備&#xff0c;提高就業能力&#xff0c;該校學工處將于2013 年 4月 29 日(星期五) 19:30-21:30 在…

農場js_通過銷售農場商品來解釋Web API

農場jsby Kevin Kononenko凱文科諾年科(Kevin Kononenko) 通過銷售農場商品來解釋Web API (Web APIs explained by selling goods from your farm) If you have been to a farmer’s market or farm stand, then you can understand the concept of an application programmin…

python安裝pyqt4_windows下安裝PyQt4

第一步&#xff1a;確認自己電腦上的Python版本。然后下載對應的.whl文件下載第二步&#xff1a;https://www.lfd.uci.edu/~gohlke/pythonlibs/#pyqt4上下載對應版本版本的.whl文件。例如cp-27-cp27m就代表是python2.7的版本。如果要下載python3.6且電腦是64位的則需要下載PyQt…

repcached配置與簡單測試

安裝libevent-devel進行configure。安裝在文件夾/usr/local/repcached下編譯安裝完畢啟動11211節點啟動11212節點編寫文件驗證復制&#xff08;分別向1、2節點存入數據&#xff0c;驗證復制&#xff09;ruby執行結果

為Activity設置特定權限才能啟動

1.在AndroidManifest文件中&#xff0c;聲明一個權限&#xff0c;并在activity中添加屬性 <!--聲明權限&#xff0c;權限名一般為包名permission類名 --><permission android:name"com.jikexueyuan.notepad.specpermission.permission.MyAty"/> <acti…