Question

我有一个textarea和一个放在右上方的按钮。当文本到达按钮位置时，它会停留在按钮位置我需要文本来“避免”这个按钮。我将不胜感激任何帮助！谢谢！
屏幕截图：https://i.stack.imgur.com/u4klS.png

这是HTML：

    $http({
      method: 'GET',
      url: '/someUrl'
    }).then(function successCallback(response) {
      // this callback will be called asynchronously
      // when the response is available redirect
      //$location.path()
    }, function errorCallback(response) {
      // called asynchronously if an error occurs
      // or server returns response with an error 
    });

这是CSS：

<div id="textarea-container">
  <md-input-container class="md-block">
    <textarea id="expandable" rows="3" cols="150"></textarea>
    <md-button id="textarea-button" class="md-raised"></md-button>    
  </md-input-container>
</div>

Answer 1

为什么不用md-input容器和md-button包装layout =＆＃34; row＆＃34;，并将CSS删除到textarea-button。

    <div id="textarea-container" layout="row">
      <md-input-container class="md-block">
          <textarea id="expandable" rows="3" cols="150"></textarea>    
      </md-input-container>
    <md-button id="textarea-button" class="md-raised"></md-button>  
    </div>

#textarea-button {
//remove CSS
}

工作jsfiddle，http://jsfiddle.net/cg1e9yy1/ 你现在可以离开这里了。

文本位于texarea中的按钮下方

1 个答案: