应用场景：
首先，响应式设计。
宽100%的情况下，例如一整行文字，文字属性为超长溢出隐藏显示三点省略号，这个场景就要求定义这行文本的宽度，绝对值或百分比都可以。另外，需要在右侧预留点空间放一个小图标或者图片。
如果按百分比，给文本一个百分比，右侧图标或图片一个百分比，在不同设备下，都有单独去设置不同的百分比。
用calc()这个属性，可以完美解决以上问题。
右侧的图片或者图标，基本是固定大小不会改变的，例如图标宽50像素，图标与文本间预留10像素间隙，所以，只要给左侧文本的宽的属性写上：
width: calc(100% - 60px);
这样，无论在任何设备宽度下，这一整行文本始终保持最大宽，而且不影响右侧图标的位置。
把工作中常用自建网站所需的各种模块，各种结构布局，预先写好。
事实上，这是个很困难的事情，要模块化，独立样式，互不冲突，自由组合；也要互相关联，自然融合。
关键为了提高效率，新建一个站，基础结构就那么一些，基本框架形成模式以后，再拿模块填充，能快速实现。
如上图，要实现一行文字居中，两边有个垂直居中的横线，css具体写法：
.box {
position: relative;
color: #272220;
font-size: 12px;
font-weight: bold;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden;
}
.box:before {
margin-left: -100%;
right: 10px;
}
.box:after {
margin-right: -100%;
left: 10px;
}
.box:before,
.box:after {
position: relative;
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 1px;
background-color: #ebebeb;
}
仅供参考！
扩展：
背景颜色可以写成渐变色。要实现渐隐的线条，可以以一端以区块背景为起点，另一端以灰色或其他颜色结束。
简介：
《思凡》是昆曲《孽海记》中一折。清初，昆曲吸收了《孽海记》中的《思凡》与《下山》两出戏，保存原有的唱词，加入丰富的舞蹈身段和表演技巧，成为著名昆曲折子戏。《思凡》写小尼姑色空，年幼时多病，被父母送入仙桃庵寄活。色空不耐拜佛念经的寂寞生涯，私自逃出尼庵。
全剧一人到底，身段繁重，姿态多变。前半剧以唱腔细腻及思想转变的过程为主，后半剧则着重在身段功夫，涵盖了闺门旦及贴旦的领域，一般以贴旦应工，必须要有闺门旦的含蓄。戏曲界有“男怕夜奔，女怕思凡”的说法，言该剧的难度之大。
著名学者林语堂先生在其著作《吾国与吾民》中，称赞《思凡》“其文辞堪当中国第一流作品之称而无愧色”。
人物：赵色空（旦）
情节：谓有赵氏女，自孩童之时，为父母舍入尼庵。削去八千烦恼丝，做佛门弟子。及至情窦初开，始悔空门之中，不足以结善缘，并不足以证善果。于是晨钟暮鼓，转辗愁思。礼忏唪经，反增魔道。入夜来僧房寂寞，对此半明半灭之孤灯，更难消释。左盘算，右盘算，九转回肠：计惟觅一如意郎君，度少年大好之光阴，结我善缘，证我善果，且可举我善愿。正值庵中一切优婆塞优婆夷等，均有事他往，遂逃下山去。
剧情：
(色空上。）
色空 （诵子）昔日有个目莲僧，救母亲临地狱门。借问灵山多少路，有十万八千有余零。
（白）南无阿弥陀佛！
（念）削发为尼实可怜，禅灯一盏伴奴眠。光阴易过催人老，辜负青春美少年。
（白）小尼，赵氏，法名色空。自幼在仙桃庵出家，终日烧香念佛；到晚来，孤枕独眠，好不凄凉人也。
（山坡羊牌）
小尼姑年方二八，
正青春，被师傅削了头发。
每日里，在佛殿上烧香换水，
见几个子弟游戏在山门下。
他把眼儿瞧着咱，
咱把眼儿觑着他。
他与咱，咱共他，
两下里多牵挂。
冤家，怎能够成就了姻缘，
死在阎王殿前由他。
把那碾来舂，锯来解，把磨来挨，
放在油锅里去炸，啊呀，由他！
则见那活人受罪，
哪曾见死鬼带枷？
啊呀，由他，
火烧眉毛且顾眼下。
（白）想我在此出家，非干别人之事吓！
（采茶歌牌）
只因俺父好看经，俺娘亲爱念佛，
暮祷朝参，每日里在佛殿上烧香供佛。
生下我来疾病多，
因此上，把奴家舍入在空门为尼寄活。
与人家追荐亡灵，不住口的念着弥陀，
只听得钟声法号，不住手的击磬摇铃擂鼓吹螺，
平白地与那地府阴司做工课。
《多心经》，都念过；《孔雀经》，参不破，
惟有《莲经》七卷，是最难学，咱师傅在眠里梦里都叫过。
念几声南无佛，哆咀哆，萨嘛呵的般若波罗，
念几声南无佛，恨一声媒婆，娑婆呵，嗳！叫，叫一声，没奈何！
念几声哆嘴哆，怎知我感叹还多。
（白）越思越想，反添愁闷。不免到那回廊下，散步一回，多少是好。
（采茶歌牌）
绕回廊散闷则个，绕回廊散闷则个！
（白）你看两旁的罗汉，塑得来好庄严也。
（哭皇天牌）
又只见那两旁罗汉，塑得来有些傻角。
一个儿抱膝舒怀，口儿里念着我。
一个儿手托香腮，心儿里想着我。
一个儿眼倦开，朦胧的觑看我。
惟有布袋罗汉笑呵呵，他笑我时儿错，光阴过。
有谁人，有谁人肯娶我这年老婆婆？
降龙的，恼着我，
伏虎的，恨着我。
那长眉大仙愁着我，
说我老来时有什么结果！
（香雪灯牌）
佛前灯，做不得洞房花烛。
香积厨，做不得玳筵东阁。
钟鼓楼，做不得望夫台。
草蒲团，做不得芙蓉，芙蓉软褥。
奴本是女娇娥，又不是男儿汉。
为何腰盘黄绦，身穿直缀？
见人家夫妻们，一对对着锦穿罗，
啊呀天吓！不由人心热如火，不由人心热如火！
（白）今日师父师兄，多不在庵。不免逃下山去，倘有姻缘，亦未可知。有理吓，有理！
（风吹荷叶煞牌）
奴把袈裟扯破，
埋了藏经，弃了木鱼，丢了铙钹。
学不得罗刹女去降魔，
学不得南海水月观音座。
夜深沉，独自卧，
起来时，独自坐。
有谁人，孤凄似我？
似这等，削发缘何？
恨只恨，说谎的僧和俗，
哪里有天下园林树木佛？
哪里有枝枝叶叶光明佛？
哪里有江湖两岸流沙佛？
哪里有八千四万弥陀佛？
从今去把钟鼓楼佛殿远离却，
下山去寻一个少哥哥，
凭他打我，骂我，说我，笑我，
一心不愿成佛，不念弥陀般若波罗！
（白） 好了，被我逃下山来了！
（尾声） 但愿生下一个小孩儿，
却不道是快活煞了我！
（色空下。）
（完）