calc 用於一行中中間內容自適應

2021-08-28 20:43:12 字數 565 閱讀 9460

在面試前沒有想過中間內容自適應的問題,在一次面試中考官問到知道左右兩邊的欄的寬度如何讓中間的寬度自適應,但是回答的五花八門,回來後查了查使用css3中的calc() 

其實calc是英文單詞calculate(計算)的縮寫,是css3的乙個新增的功能,用來指定元素的長度。比如說,你可以使用calc()給元素的border、margin、pading、font-size和width等屬性設定動態值著作權歸作者所有。

calc(expression)

比如已知左邊的寬度是100px,右邊的內容是180px;如何讓中間的內容自適應

中間的寬度=calc(100% - 100px - 180px);

calc()使用通用的數**算規則,但是也提供更智慧型的功能:

使用「+」、「-」、「*」 和 「/」四則運算;

可以使用百分比、px、em、rem等單位;

可以混合使用各種單位進行計算;

表示式中有「+」和「-」時,其前後必須要有空格,如"widht: calc(12%+5em)"這種沒有空格的寫法是錯誤的;

表示式中有「*」和「/」時,其前後可以沒有空格,但建議留有空格。

sed 匹配內容的前一行和後一行 新增內容

sed 匹配內容的前一行和後一行 新增內容 原創struggleyouth 最後發布於2017 05 09 13 36 26 閱讀數 32859 收藏 展開一 在某行的前一行或後一行新增內容 具休操作如下 匹配行前加 匹配行前後 而在書寫的時候為便與區分,往往會在i和a前面加乙個反加乙個反斜扛 就變...

sed把前一行內容合併到下一行

例如 現在網上的 都通過專門的格式化,帶有行號,如下 02 注 proxy temp path和proxy cache path指定的路徑必須在同一分割槽 03proxy temp path data0 proxy temp dir 04 設定web快取區名稱為cache one,記憶體快取空間大小...

讀取原始檔內容的每一行,求和再存入最後一行

要求如下 讀取原始檔內容的每一行,求和再存入最後一行 如下 public class testdemo7 追加寫 fileoutputstream fos new fileoutputstream pw.txt true fos.write builder.tostring getbytes gbk...