css
一个前端小朋友
个人的一点看法,如有错误,请不吝指教
展开
-
html设置自己下载的字体
从字体网站上下载字体,引入到css中 在移动端直接设置h5页面的font-family是不起作用的 所以我们从网站上下载自己的字体。 @font-face { font-family: ‘阿里大黑体’; /字体名称/ src: url(‘../font/alida.ttf’); /字体源文件/ } body{font-family: “阿里大黑体”}...原创 2018-05-28 16:43:03 · 8813 阅读 · 0 评论 -
让div的文字强制换行
当div的内容是通过innerText显示时,可能文本不会换行,可以用以下样式 width: 400px;height: 500px; white-space:normal; word-break:break-all; word-wrap:break-word目前 Opera 不支持 word-break 属性...原创 2018-05-02 10:34:06 · 13448 阅读 · 0 评论 -
background和background-image的区别
我们在使用背景图时,通常会用到background. 今天遇到一个这样的问题,在vue项目中,给一个按钮加了一张背景图片,用的是background,大小用的contain。现在有一个需求,当点击按钮时,按钮的背景图片需要切换。问题来了,换是换了,但是背景的大小却失效了。 代码如下: <button :style="{background: stop}...原创 2018-04-24 15:13:57 · 15885 阅读 · 1 评论 -
css之为什么文字能撑开元素?
学过css的都知道,一个不加样式的空的p标签,是没有高度的,但是在里面加上文字后,却使其产生了高度。这是为什么?真的是文字撑开的吗?他的高度又是多少? 如:<p style="background: darkred;">1111</p> 打开谷歌,显示高度为21px,而火狐是20px,这是数字,当我改成汉字后,如下:<p style="backgrou...原创 2018-04-12 17:01:38 · 1908 阅读 · 0 评论