css表格文本居中的指令,CSS似乎无法在表格单元中居中文本
我使用所有此代码,因为它正在更改现有网站的行为和外观,所以我无法触及代码结构(请参阅HTML)。我所能碰到的只有CSS(也就是为什么你看到这么多!重要,覆盖) 现在我遇到的问题是我似乎无法将tabe-cell内的文本对齐到中心,这真的是我想要的。CSS似乎无法在表格单元中居中文本
HTML:
Zikle
Autinique
Verstuur privé bericht
Meld misbruik
Verander pagina
到目前为止的CSS:
/* CSS voor Zikle Header
door: http://www.tekenwereld.zikle.nl/
© 2014 - Tekenwereld
Alleen gebruiken met toestemming van de maker, geen enkel ander persoon */
@import url(http://fonts.googleapis.com/css?family=Lobster);
/* Global: Header */
body div:first-child[id*="viewMenu"] {
border-bottom: 2px solid #FFB3C6;
height: 125px!important;
background: url('http://cdn2.cgvector.com/wp-content/uploads/2013/01/Vector_Floral_00027.jpg') repeat!important;
padding-bottom: 2em;
text-align: center;
z-index: 1
}
body div:first-child[id*="viewMenu"]::before {
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
display: block;
content: "Nienn";
font-size: 115px;
color: #FF3366;
text-shadow: 2px 2px #fff;
font-family: 'Lobster', cursive;
text-align: center;
z-index: 2;
}
body div:first-child[id*="viewMenu"]:hover::before {
content: "Nienke";
font-size: 115px;
}
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] {
position: relative!important;
margin-top: 0px!important;
width: 100vw!important; /*nieuwe CSS methode*/
height: 36px;
background: #f6b4d0;
background-size: contain;
border-bottom: 3px solid #FF668C;
border-top: 1px solid #FF668C;
-webkit-box-shadow: 0px -1px 8px 0px rgba(255, 126, 159, 0.68);
-moz-box-shadow: 0px -1px 8px 0px rgba(255, 126, 159, 0.68);
box-shadow: 0px -1px 8px 0px rgba(255, 126, 159, 0.68);
left: 0!important;
margin-left: 0!important;
display: table-cell;
vertical-align: middle;
z-index: 3;
}
/* Header: Links */
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a {
color: #B8002E!important;
text-shadow: 1px 1px #fff;
text-transform: uppercase;
font-size: 16px!important;
padding-top: 6px;
position: a
}
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a[id*="reportLink"] {
}
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a[id*="userLink"] {
}
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a>img {
width: 0!important;
height: 0!important;
background: url('http://www.zikle.nl/userfiles/images/0/2/5/4/02541550.png') no-repeat;
padding: 8px!important;
}
/* Links: States */
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a:link { /* Nog niet geklikt */
/* Ik raad je aan dit dezelfde styling te geven als de normale styling voor tags, of dit gewoon leeg te laten */
}
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a:visited { /* Bezocht */
}
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a:hover { /* Mouse hover */
background: none!important;
color: #FF668C!important;
}
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] a:active { /* Geselecteerd (met bv tab) */
}
这是表细胞:
body div:first-child[id*="viewMenu"]>div[id*="ActualMenu"] {
position: relative!important;
margin-top: 0px!important;
width: 100vw!important; /*nieuwe CSS methode*/
height: 36px;
background: #f6b4d0;
background-size: contain;
border-bottom: 3px solid #FF668C;
border-top: 1px solid #FF668C;
-webkit-box-shadow: 0px -1px 8px 0px rgba(255, 126, 159, 0.68);
-moz-box-shadow: 0px -1px 8px 0px rgba(255, 126, 159, 0.68);
box-shadow: 0px -1px 8px 0px rgba(255, 126, 159, 0.68);
left: 0!important;
margin-left: 0!important;
display: table-cell;
vertical-align: middle;
z-index: 3;
}
的东西,需要内部为中心?但如何
css表格文本居中的指令,CSS似乎无法在表格单元中居中文本相关推荐
- CSS知识点整理(代码示例参考w3shool)(包括CSS概念语法作用、CSS引入方式、CSS背景、文本、字体、链接、轮廓、表格、常用选择器等)
文章目录 CSS简介 CSS 概念 CSS 作用 CSS 语法 CSS引入方式 1.内联样式表 2.内部样式表 3.外部样式表 CSS常用样式 CSS背景 1.背景色:background-color ...
- 图形界面 XI: 表格单元中的文本编辑框和组合框 (统合构建15)
内容 概述 调整窗口大小 表格单元中的文本框和组合框 应用测试 结束语 概述 首篇文章 图形界面 I: 函数库结构的准备 (第 1 章) 详细研究了这个函数库.每篇文章的末尾, 附加了当前开发阶段的完 ...
- excel表格制作计算机考试,计算机等级考试:Excel表格的基本操作(4)
18.用图形美化工作表 我们在制作Excel工作表时,呆板的横竖显示的工作表可能没有多大的说服力.如果需要使用让人印象深刻的图形来吸引人们的注意,首先在"绘图"工具栏上按下&quo ...
- python查找并修改文件中的内容_如何使用Python搜索和替换文件中的文本?
如何使用Python搜索和替换文件中的文本? 如何使用Python 3搜索和替换文件中的文本? 这是我的代码:import osimport sysimport fileinputprint (&qu ...
- Java版Word开发工具Aspose.Words功能解析:查找和替换Word文档中的文本
MS Word提供了一种简单的方法来查找和替换文档中的文本.查找和替换文本的一种流行用例之一可能是在文档之间的敏感信息在各个实体之间共享之前,对其进行删除或替换.但是,手动过程可能需要您安装MS Wo ...
- 利用Word 中的“从任意文件中恢复文本”转换器来恢复损坏的文档
本文说明 Microsoft Word 中的"从任意文件中恢复文本"转换器以及如何使用它来恢复损坏的文档. 什么是"从任意文件中恢复文本"转换器? " ...
- CAD处理控件Aspose.CAD功能演示:在 C#中以编程方式搜索 DWG 图形文件中的文本
Aspose.CAD 是一个独立的类库,以加强 Java应用程序处理和渲染CAD图纸,而不需要AutoCAD或任何其他渲染工作流程.该CAD类库允许将DWG, DWT, DWF, DWFX, IFC, ...
- Word处理控件Aspose.Words功能演示:使用 Python 查找和替换 Word 文档中的文本
很多时候,您需要替换 Word 文档中的特定文本或短语.MS Word 具有针对此类情况的内置功能,您可以一键替换所需的文本.在本文中,您将学习如何使用 Python 以编程方式查找和替换 Word ...
- 白翔:复杂开放场景中的文本理解
编者按:李白的<秋浦歌>中有这样一句诗:"题诗留万古,绿字锦苔生",描绘了天执笔.地做纸.苔为墨,挥毫题字的豪迈场景,也展示了自然场景中文本类型的多样性:而另两句&qu ...
最新文章
- 原生js封装二级城市下拉列表
- python flask源码解析_浅谈flask源码之请求过程
- 使用idea创建项目的步骤
- UITextView详解
- 升序输出三个数_C语言入门经典例题:求100~999的水仙花数
- 【图论】二分图学习笔记
- python可以做力扣的题吗_力扣周赛 198 - python 解答
- 利用光盘恢复grub引导器
- 索引大小对语句执行速度的影响
- chrome浏览器控制台执行js脚本
- 计算机毕业设计之java+springboot基于vue的4S店车辆管理系统
- python+requests爬取汽车之家二手车
- mysql 2000_sql server 2000 下载
- ES 创建太多 buckets 错误: trying to create too many buckets. must be less than or equal to: [100000] but w
- 通过hutool工具包实现将数据库中的全量数据导出,一张表一个sheet页,包含目录页,目录页和sheet页之间可以互相跳转
- win7 删除网络计算机,win7系统修改和删除网络图标的方法
- 习题11-1 输出月份英文名 (15 分)
- NOI 4.6 贪心 2407:书架
- 最新友价T5商城系统源码/21个模板+新媒域名任务服务包
- apu 没有linux 驱动程序,AMD发布新LINUX版本驱动 全新APU能耗控制更加优秀
热门文章
- CUDA C编程接口技术分析
- YOLOV4各个创新功能模块技术分析(一)
- (14)某工业生产部门根据国家计划的安排, 拟将某种高效率的5台机器,分配给所属的3个工厂A,B,C,各工厂在获得这种机器后,可以为国家盈利的情况如表4-10所示。
- 查看Ubuntu 系统的版本
- android setAlpha 与 getBackground().setAlpha
- Taylayout 底部的滑动线高度设置
- The method setButton(int, CharSequence, Message) in the type AlertDialog is not applicable for the a
- 【NOIP校内模拟】T2 华莱士(环套树)
- mvc手把手教你写excel导入
- 中国互联网+光伏发电行业商业模式创新与投资机会深度研究报告