小编Edi*_*nny的帖子

如何根据里面的文字增加div宽度呢?

我有一个用户在其中输入文本的div.但是我想根据它的文字增加它的宽度,直到最多50%的屏幕.我的CSS代码:

.messages {
   max-width:50%;
   min-width:150px;
   background: #ffeec0;
   padding:2px;
   margin:3px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   border:1px solid #ffdd7c;
}
Run Code Online (Sandbox Code Playgroud)

结果: 在此输入图像描述

"555"消息后面有很多空格,只有当用户输入一些文字时我才想要这个尺寸:

在此输入图像描述

那么,如何根据文本大小增加div的宽度?

html javascript css jquery

11
推荐指数
1
解决办法
1万
查看次数

'let和'var'在Typescript中是一样的吗?

我正在看一下AngularJS 2和Typescript,我决定用这个来学习一些打字稿的基础知识.通过许多研究,我找到了关于模块,Typescript的好主题,其中一个讨论了'let'和'var'命令来声明变量; 根据这个问题,下面的Typescript代码应该只显示一个警报并在控制台中抛出错误:

test.ts:

for(let i = 0; i < 1; i++) {
    alert(i);
}
alert(i);
Run Code Online (Sandbox Code Playgroud)

编译test.js:

for(var i = 0; i < 1; i++) {
    alert(i);
}
alert(i);
//# sourceMappingURL=test.js.map
Run Code Online (Sandbox Code Playgroud)

但事实并非如此.编译器"忽略""let"命令并将其转换为"var"命令.为什么会这样?Typescript只适用于类吗?

我正在使用AngularJS配置'npm start',因此它会自动编译我的'test.ts'文件:

  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },
Run Code Online (Sandbox Code Playgroud)

javascript var let typescript

9
推荐指数
1
解决办法
8455
查看次数

标签 统计

javascript ×2

css ×1

html ×1

jquery ×1

let ×1

typescript ×1

var ×1