精华内容
下载资源
问答
  • 朋友的一个同事很特别,人家做表格都是用Excel来做的,毕竟这是专门的表格制作软件,全世界都公认的,但是朋友的这个同事却总是喜欢用Word来做表格,这让与他对接的朋友很是为难,每次都需要将word文档中的内容搬运...

    朋友的一个同事很特别,人家做表格都是用Excel来做的,毕竟这是专门的表格制作软件,全世界都公认的,但是朋友的这个同事却总是喜欢用Word来做表格,这让与他对接的朋友很是为难,每次都需要将word文档中的内容搬运到Excel表格中。这不,今天约饭的时候,朋友一直跟小颖吐苦水,说是这位同事加大了自己的工作量。好在确实很巧,小颖还真知道一个可以直接将word转换成Excel的好方法,无需每次都通过复制粘贴来搬运。接下来,就让小颖详细来介绍一下这个方法吧!

    b275d2a0c47201ac88a570646c6e29e3.png

    用了这么多年的Windows系统,相信大家也知道,Windows系统自带的是没有将word转换成Excel这个功能的,所以说,要实现这个操作,咱们得使用第三方的工具来完成,今天小颖会用来演示操作流程的,是一款叫做迅捷PDF转换器的在线文档处理工具,也不需要下载,直接在网页中就可以搞定操作。

    在线打开迅捷PDF转换器的网页,咱们就可以看到下面的这个界面了,网页中包含的功能很多,我们点击文档转换,之后在office转换的类目下就可以看到Word转Excel的功能了,我们点击选中。

    bae245ecb4a5acbe6783fdffb378feb5.png

    接下来出现的界面中,我们我们点击中间的“点击选择文件”,将需要转换的word文件给添加进来。

    101e49d8b4f29aa0233dbef13cfa726f.png

    完成之后,我们可以看到下图中的这个界面,这里有两种格式可选,一个是xlsx,一个是xls,大家根据自己的需求设置一下表格的格式,然后点击开始转换就可以了。

    e3c54fee3d3f1177978f280526a7f5ee.png

    不过需要提醒大家的是,这个网页中的转换功能虽然是免费的,但是文件必须在2M之内,如果超出2M的话,就需要充值VIP才能使用了,这个网页中拥有那么多的转换工具,即便是充值,应该也是很划算的吧?

    另外再跟大家说一下,迅捷PDF转换器还有电脑版跟APP版的哦,大家觉得哪种使用得比较方便就可以用哪种。

    展开全文
  • 遇到问题时,我们有时候过度依赖搜索引擎进行求证解决,解决完也没认真的归纳和总结。再次遇到此类问题时,我们有可能还不会,这就是我归纳这个手册的目的,我会把日常工作中经常会用到的高频CSS相关方法归纳到这...

    我之所以整理这类专题的手册,就是CSS相关的内容实在太碎和零散,同时又夹杂着相关的兼容问题。遇到问题时,我们有时候过度依赖搜索引擎进行求证解决,解决完也没做认真的归纳和总结。再次遇到此类问题时,我们有可能还不会,这就是我归纳这个手册的目的,我会把日常工作中经常会用到的高频CSS相关方法归纳到这个手册里(有的内容可能来源其它作者),欢迎你持续的订阅和关注。

    今天我们一起来梳理下CSS垂直居中的几种方法,我们在布局一个页面时,通常都会用到水平置中和垂直置中,处理水平居中很好处理,不外乎就是设定margin:0 auto;或是text-align:center;,就可以轻松解决掉水平居中的问题,但一直以来最麻烦对齐问题就是「垂直居中」,以下将介绍七种单纯利用CSS垂直置中的方式,其实一点也不难(当然跟水平居中比起来难了一点),只需要理解背后的原理就可以轻松应用。

    1、设定行高( line-height )

    设定行高是垂直居中最简单的方式,适用于「单行」的「行内元素」 ( inline、inline-block ),例如单行的标题,或是已经设为inline-block属性的div,若将line-height设成和高度一样的数值,则内容的行内元素就会被垂直置中,因为是行高,所以会在行内元素的上下都加上行高的1/2,所以就垂直置中了!不过由此就可以看出,为什么必须要单行的行内元素,因为如果多行,第二行与第一行的间距会变超大,就不是我们所期望的效果了。CSS范例:外层div0,内容redbox,让redbox水平垂直置中。

    e8d4190fe544fdb9e23ef67b252333ff.png
    .div0{ width:200px; height:150px; border:1px solid #000; line-height:150px; text-align:center;}.redbox{ display:inline-block; width:30px; height:30px; background:#c00;}

    2、添加伪元素( ::before、::after )

    刚刚第一种方法,虽然是最简单的方法(适用于单行标题),不过就是只能单行,所以我们如果要让多行的元素也可以垂直居中,就须要使用伪元素的方式。在此之前,先解释一下CSS里头vertical-align这个属性,这个属性虽然是垂直置中,不过却是指在元素内的所有元素垂直位置互相置中,并不是相对于外框的高度垂直居中。(下面的CSS会造成这种样子的垂直居中)

    6202a277eb2e161dc606bc59b00d4e33.png
    .div0{ width:200px; height:150px; border:1px solid #000; text-align:center;}.redbox{ width:30px; height:30px; background:#c00; display:inline-block; vertical-align:middle;}.greenbox{ width:30px; height:60px; background:#0c0; display:inline-block; vertical-align:middle;}.bluebox{ width:30px; height:40px; background:#00f; display:inline-block; vertical-align:middle;}

    因此,如果有一个方块变成了高度100%,那么其他的方块就会真正的垂直居中。

    7882e7f96b2ed7ab1bf8cab45b3adc43.png
    .greenbox{ width:30px; height:100%; background:#0c0; display:inline-block; vertical-align:middle;}

    但是我们总不能每次要垂直居中,都要添加一个奇怪的div在里头吧!所以我们就要把脑筋动到「伪元素」身上,利用::before和::after添加div进到框框内,让这个「伪」div的高度100%,就可以轻松地让其他的div都居中。不过不过不过!div记得要把display设为inline-block,毕竟 vertical-align:middle 是针对行内元素,div本身是block,所以必须要做更改!

    96b11921f26dd334812a1ce2bc2191ba.png
    .div0::before{ content:''; width:0; height:100%; display:inline-block; position:relative; vertical-align:middle; background:#f00;}

    3、calc 动态计算

    看到这边或许会有疑问,如果今天我的div必须是block,我该怎么让它垂直居中呢?这时候就必须用到CSS特有的calc动态计算的能力,我们只要让要居中的div的top属性,与上方的距离是「50%的外框高度- 50%的div高度」,就可以做到垂直居中,至于为什么不用margin-top,因为margin抓到的是水平高度,必须要用top才会正确。

    30ea7b9b4f726bed3da4ec009f6c3038.png
    .div0{ width:200px; height:150px; border:1px solid #000;}.redbox{ position:relative;  width:30px; height:30px; background:#c00; float:left; top:calc(50% - 15px); margin-left:calc(50% - 45px);}.greenbox{ position:relative; width:30px; height:80px; background:#0c0; float:left; top:calc(50% - 40px);}.bluebox{ position:relative;  width:30px; height:40px; background:#00f; float:left; top:calc(50% - 20px);}

    4、 使用表格或假装表格

    或许有些人会发现,在表格这个HTML里,要实现垂直置中是相当容易的,只需要下一行vertical-align:middle就可以,为什么呢?最主要的原因就在于table的display是table,而td的display是table-cell,所以我们除了直接使用表格之外,也可以将要垂直置中元素的父元素的display改为table-cell,就可以轻松实现,不过修改display有时候也会造成其他样式属性的连动影响,需要小心使用。

    HTML:

    表格垂直居中

    CSS:

    .like-table{ display:table-cell;}td,.like-table{ width:150px; height:100px; border:1px solid #000; vertical-align: middle;}td div,.like-table div{ width:100px; height:50px; margin:0 auto; color:#fff; font-size:12px; line-height: 50px; text-align: center; background:#c00;}.like-table div{ background:#069;}
    f4cf50d882f6e28ee1e52f3d34aaa83c.png

    5、transform

    transform是CSS3的新属性,主要用于元素的变形、旋转和位移,利用transform里头的translateY (改变垂直的位移,如果使用百分比为单位,则是以元素本身的长宽为基准),搭配元素本身的top属性,就可以做出垂直居中的效果,需要注意的地方是,子元素必须要加上position:relative,不然就会没有效果喔。

    .use-transform{ width:200px; height:200px; border:1px solid #000;}.use-transform div{ position: relative; width:100px; height:50px; top:50%; transform:translateY(-50%); background:#095;}
    f0173c0ac328dbb16b6b1ee741316e60.png

    6、绝对定位

    绝对定位就是CSS里头的position:absolute,利用绝对位置来指定,但垂直置中的做法又和我们正统的绝对位置不太相同,是要将上下左右的数值都设为0,再搭配一个margin:auto,就可以办到垂直置中,不过要特别注意的是,设定绝对定位的子元素,其父元素的position必须要指定为relative喔!而且绝对定位的元素是会互相覆盖的,所以如果内容元素较多,可能就会有些问题。

    .use-absolute{ position: relative; width:200px; height:150px; border:1px solid #000;}.use-absolute div{ position: absolute; width:100px; height:50px; top:0; right:0; bottom:0; left:0; margin:auto; background:#f60;}
    34fd2ff839beaf253996a22707a90eaa.png

    7、使用Flexbox

    Flexbox可谓是我们在移动端用的最多的布局方法,因为大部分现代手机浏览器都支持这个方法了。Flexbox,使用align-items或align-content的属性,轻轻松松就可以做到垂直居中的效果喔!

    .use-flexbox{ display:flex; align-items:center; justify-content:center; width:200px; height:150px; border:1px solid #000;}.use-flexbox div{ width:100px; height:50px; background:#099;}
    d5fcf9bff23fcd0dcc107e24832d3679.png

    由于flexbox布局的属性众多,如何方便记忆,笔者赠送大家一张图:

    c356e26940e8233be455184b2618f342.png

    上图有可能你看不清楚,此图高清无码地址,欢迎下载使用:

    https://www.qianduandaren.com/demo/images/flex.png

    本文内容参考来源

    https://www.oxxostudio.tw/articles/201502/css-vertical-align-7methods.html

    由于源文是繁体,笔者在内容上做了一些调整。

    小节

    以上就是笔者整理的一些垂直居中的方法,由于垂直居中往往会动用到修改display这个属性,往往会在排版上造成一些影响,例如不该用flexbox 的地方如果用了flexbox,不该用table 的地方用了table,不该用inline-block 的地方用了inline-block,后续反而要多写许多其他的定位样式来进行修正,那就有点本末倒置了,因此如何活用这些CSS 垂直居中的方法,就要依据大家的版面结构进行灵活运用啰!^_^ 如果你有其他本文没有提及到的垂直居中方法,欢迎到留言区进行分析哟。

    更多精彩内容,请关注“前端达人”公众号

    展开全文
  • 一般我们在说到做表格的时候,很多小伙伴都会想到并选择Excel来制作,但是大家知道吗,其实在Word中也是可以做出非常漂亮的表格的。今天小编将分享几个Word制表小技巧给大家,帮大家轻松完成Word表格~一、实用技巧1....

    一般我们在说到做表格的时候,很多小伙伴都会想到并选择Excel来制作,但是大家知道吗,其实在Word中也是可以做出非常漂亮的表格的。今天小编将分享几个Word制表小技巧给大家,帮大家轻松完成Word表格~

    c843020639db861272ec2aa4c6fe3b9f.png

    一、实用技巧

    1.调整表格高度、宽度

    有些小伙伴不喜欢在Word中制作表格,是因为在Word中做出来的表格不管是高度还是宽度都不一样,毕竟自己调整的话总是很难一样的,参差不齐的看起来不好看。其实啊,我们也可以利用Word中的小功能来帮我们解决这样的问题。

    步骤:【选中表格】-【布局】-【分布行】/【分布列】

    66c6d78efe54ab4223cead4df3d3aae9.gif

    2.重复标题行

    我们在Word中制作表格的时候,当表格数据比较多时,下拉以后我们很多时候都会不知道哪个数据对应哪个内容。其实,想要解决这个问题,我们只需要一点小操作就可以了。

    步骤:【选中标题行】-【布局】-【数据】-【重复标题】

    20926216b733da474736d841484865c3.gif

    二、进阶技巧

    1.表格转换为文本

    我们都知道在Word中,可以将文字转换成表格,但其实大家如果想要将表格转换成文字的话,我们也是可以轻松就做的呢~

    步骤:【选中表格】-【布局】-【数据】-【转换为文本】-【表格转换成文本】-【文字分隔符】

    27a538887b5dda2d395112c155cb9ca2.gif

    2.表格生成序号

    如果我们在Word中制作的表格数据有点多,不方便查看对比的话,我们其实也是可以给表格进行排序的,而且操作起来还非常方便的说~

    步骤:【选中单列】-【开始】-【段落】-【编号】

    6a70109e1925bf270b638098357921b8.gif

    3.计算Word表格数据

    在Excel中,如果我们想要快速求和表格数据的话,用公式或者快捷键就可以轻松完成了。但是大家知道吗,在Word中,我们也是可以利用公式来快速计算出表格的数据之和的,非常强大的呢~

    步骤:【布局】-【数据】-【公式】-【SUM函数】-【复制计算结果】-【复制计算结果】-【F9】

    125b40581f94e39e8d126cfd1041bfd7.gif

    好啦,以上就是Word中非常简单但是实用的制作表格小技巧了,不知道大家都知道了吗?要是有需要的小伙伴也可以去试一试呢,还是挺不错的哟~

    0e0ce6f7e42981451081be62c3d211f7.png
    展开全文
  • 有时候我们在工作时需要将文档转成图片,你是怎么的呢?截图?截图很全部截完 ,效果还不好。今天小编推荐一个方法,快速将你的word完整的保存为图片。操作步骤:1、按快捷键ctrl、P,打开打印预览。在打印预览...

    41183f0a0a1dded853cf60311a32c304.gif

    有时候我们在工作时需要将文档转成图片,你是怎么做的呢?截图?截图很难全部截完 ,效果还不好。今天小编推荐一个方法,快速将你的word完整的保存为图片。操作步骤:1、按快捷键ctrl、P,打开打印预览。在打印预览中选择打印机为:onenote83f1429576a02b1c79cbcab8da68a535.png2、点击:打印,就会弹出onenote设置,点击确定。3、等OneNote准备好了,右键——存为图片,我们就能将文档完整的保存为图片了。结果如下:88ef86e4fca7101f51aeebf9ce8eabd8.pngGIF动图如下:65ebe00822fe149c91f67c4c68a1faa4.gif

    如果你想要将表格导出完整图片,也可以用这种办法,操作是类似的。在此就不再多言。

    我们是利用office自带的OneNote来将文档或表格转为完整图片。OneNote是office新版本中才会有,如果你没有这个组件,请更新office版本,有时候不是你水平不高,而是你的软件版本太低,限制你的水平。

    推荐阅读:

    2bfd6858d8b0f01dd0e5e03263e9fdea.png

    温馨小提示

    公众号每天会发布1篇教程+1篇word技巧小视频+1篇excel技巧小视频,如果你没有收到我的更新,是由于微信按算法显示公众号而不是实际更新时间——这时就需要如下图所示星标我一下啦。

    6a05da09765df15498bdd3580d712b54.gif

    你学会了吗?赶紧练习一下吧。光看不练假把式。

    ee97ad1223a0a2d72264f52c89e0b35b.png
    展开全文
  • 如果我对你说,我可以将一个连续区域中的值,快速粘贴到筛选后不连续的...刚好今天呢,我在公司了一个实验,问了同事们上图这样的问题,同事们给我的回答都是出奇的一致,好像是商量好似的,都说“怎么可能啊,谁...
  • 表格是我们在日常办公中经常用到的一个小操作,但是!经常有同事来问这个怎么,那个怎么调整。从白天到夜晚,从周一到周日,小加都快要成为年度最佳好(男)同(保)事(姆)了。我当时就在好奇:这么简单的操作...
  • 话不多说,直接进入整体表格导出在一般不管大的或者小的系统中,各家的产品都一样,闲的无聊的时候都喜欢让我们这些程序员导出一些数据出来供他观赏,非说这是必须需求,非不可,那么我们就只能苦逼的哼哧哼哧的写...
  • 话不多说,直接进入整体表格导出在一般不管大的或者小的系统中,各家的产品都一样,闲的无聊的时候都喜欢让我们这些程序员导出一些数据出来供他观赏,非说这是必须需求,非不可,那么我们就只能苦逼的哼哧哼哧的写...
  • 回答过程中也发现一些有趣的现象,一般发过来的表格如果不好看的,公式都非常写。这里说的不好看,不是可视化方面的苛求,而是一些基本要求。例如:小数位数保持一致对齐边框线......记得以前看过一本《为什么精英...
  • 前景提要(文末提供源文件下载)多行表头,表头中含有合并单元格,这种类型的Excel表格在我们的日常工作中是经常出现的,很多的人在做表格的时候,想要体现表格的整齐和美观,大批量的使用了合并单元格、多行表头的...
  • 现代生活,我们在工作中涉及到简单的表格,计算,图表分析,我们的首选绝对Excel无疑了吧。 讲真,我们觉得Excel好用吗,工作生活中数据量少的并且只进行简单的统计这些,excel确实可以应付,但是企业数据日积月累...
  • 更多自动化案例欢迎关注我的公众号:早起Python===Python办公自动化|从Word到Excel​mp.weixin.qq.com前言在前几天的文章中我们讲解了如何从Word表格中提取...其实并不,主要就是以下两步:openpyxl读取Excel获...
  • 小伙伴们大家好,如果你觉得公式太学,但又想要数据分析,那么本期分享千万不要错过,拖拖拉拉就能轻松搞定数据分析。让那些复杂的公式见鬼去吧!1汇总每个省份的销售总额将数据源转换成表格这个步骤很关键,当...
  • 回归到python的应用,python能什么的问题,这是很回答的,因为它有非常多的应用。在看过了很多以后,我发现主要常见的有四种。今天归纳给大家,希望能给各位正要学习,和在迷茫中的朋友们...
  • 在运营者APP进行初期推广时,很多线上常规手段都是知道的,但是即便是这样也很做到以下两点:数据监测和分析工作。 在APP推广初期铺渠道时,大体思路为“广铺渠道——数据监测——根据数据调整优先级”,所以能...
  • 写说说大家平常报告的方式,首先肯定是要把各种年度数据在表格Excel里面,计算出来是不是? 这时候厉害的大神肯定会用出各种word技能,各种统计表达式来求解! 瞧瞧这些优秀的操作,真的很羡慕这些大神...
  • 小编啊,以前嫌麻烦,没有装第三方输入法,一直使用微软自带的输入法,最开始的时候小编输入量少 ,无非就是就做做表格 ,改改文件。可是 现在小编在编辑自媒体文章的时候,发现微软输入法是真的用,一是不符合...
  • 小编啊,以前嫌麻烦,没有装第三方输入法,一直使用微软自带的输入法,最开始的时候小编输入量少 ,无非就是就做做表格 ,改改文件。可是 现在小编在编辑自媒体文章的时候,发现微软输入法是真的用,一是不符合...
  • 小编啊,以前嫌麻烦,没有装第三方输入法,一直使用微软自带的输入法,最开始的时候小编输入量少 ,无非就是就做做表格 ,改改文件。可是 现在小编在编辑自媒体文章的时候,发现微软输入法是真的用,一是不符合...
  • 1 问题案例来源于Excel学习交流群一位朋友的提问,手头有很多类似于这样结构的表格:需要将表格数据都转换成这种格式:请问有啥简单快捷的方法吗?特别声明,本人计算机小白,Excel只会点点菜单,完成一些简单的操作...
  • 今日目标学会考勤中的日期、时间计算考勤表最难做的,就是日期和时间的计算,知道为什么吗?1- 因为,Excel中的日期和时间,是一个逻辑问题。2- 因为,女生的逻辑能力,天生就比较差。3- 因为,考勤表的HR,大部分...
  • 用HTML5制作课程表

    千次阅读 2019-07-01 15:06:28
    无论是上班族还是学生党,都需要一份类似课程表的表格来提醒我们的日程。有了它就可以不必担心自己忘记该干什么事情,到点了该干什么事情。它可以说是我们日常生活中经常...制作这个表格也不,只需要添加一些列...
  • word相信大家一定知道并且...倒又要我们重新去一遍吗?当然不用那么麻烦,这里我就告诉大家一个比较好的小方法。我们可以通过数据恢复来解决这个小难题,下面就来看我给大家演示一下吧。那么在演示前先问大家几...
  • 机房学习篇——数据Excel导出

    热门讨论 2015-08-16 16:09:17
    这就用到了Excel表格了。相信实现这一点都不,大家也都能实现这一功能,在这里,我想说的是:好多个窗体都用到了这一功能,大家都是一个一个窗体敲出来的吗?烦不烦啊?一味地着重复的工作,Duang~模块啊,这...
  • 18年数学建模

    2018-10-18 20:44:30
    过了这个彷徨期,该是呐喊的时候了,改写论文,选题的时候还挺紧张,害怕选的题很难做,当时选了“黑洞数”,我们也不会查阅资料,那就照葫芦画瓢,硬着头皮写,写完了之后有一点小小的成就感,我们也会写论文了,可当时我们...
  • 从asp迁移到asp+

    2008-07-08 09:58:09
    ) <br> 自从微软在2000年7月的专业开发人员会议上宣布了ASP+以来, 一个相同的问题一 <br> 直困扰着许多新闻组及讨论论坛:“我需要怎样以使现有的web应用程序从ASP转换成 <br> asp+?” 专业开发人员...
  • 摘要相关工具、cocoNLP信息抽取工具、国内电话号码正则匹配、清华大学XLORE:中英文跨语言百科知识图谱、清华大学人工智能技术系列报告、自然语言生成、NLU太了系列、自动对联数据及机器人、用户名黑名单列表、罪名...
  • 软件工程教程

    热门讨论 2012-07-06 23:10:29
    用例只描述参与者和系统在交互过程中些什么,并不描述怎么。 用例图 关联关系 用例图 泛化关系 用例图 泛化关系 用例图 用例图 用例图 用例用于什么情况? 不知道什么情况不用用例 如果没有用到用例,...
  • 独特的表格浏览单词模式,使视野更宽阔。还提供一个特别的单词显示平台。 英文边看边学是一款把英文文章中的词汇对照出来中文的软件,他的功能不在于对照英中词汇,而在于他可以与小精灵的个人单词熟悉知识库...

空空如也

空空如也

1 2
收藏数 39
精华内容 15
关键字:

做表格难吗